Las mejoras de accesibilidad que marcan la diferencia para la IA
No necesitas una auditoría perfecta antes de ver valor. Empieza por las mejoras que cambian lo que un agente puede leer y hacer.
1. Usa HTML semántico antes que ARIA
Un botón, enlace, encabezado o control de formulario nativo incorpora gratis su rol, nombre y comportamiento con teclado. ARIA es un parche para widgets personalizados, no un sustituto. Cuando tengas que usarlo, recuerda la regla de la guía de web.dev: nunca uses aria-label para sustituir una etiqueta visible. WCAG 2.5.3, Label in Name, exige que el nombre accesible contenga el texto visible para que los usuarios de control por voz puedan activarlo. Esa misma coherencia ayuda a un agente a relacionar lo que ve en pantalla con lo que lee en el árbol.
Los campos de cantidad, captura de email, datos de envío y entradas de códigos de descuento necesitan etiquetas reales. Los placeholders por sí solos desaparecen una vez que alguien escribe y no son nombres fiables. Un agente que intenta completar el checkout en nombre de un usuario depende de saber qué campo es cuál.
3. Crea una estructura de encabezados limpia
Un H1 para el nombre del producto y después H2 para secciones como detalles, especificaciones, envío y reseñas. La propia guía de Google sobre funciones de IA destaca encabezados claros, disponibilidad en texto del contenido importante y datos estructurados que coincidan con el texto visible. Los encabezados también dan a los agentes un esquema por el que moverse.
4. Mantén los datos clave en texto, no solo en imágenes
Material, dimensiones, compatibilidad, ingredientes y términos de garantía ocultos en una imagen de banner son invisibles para cualquier cosa que lea texto. Ponlos en la página como texto, en una tabla o lista cuando encaje.
5. Haz explícitas las variantes y los estados
Los estados seleccionado, no disponible y agotado deben mostrarse de forma explícita, no comunicarse solo mediante el color. El contraste también importa para los agentes guiados por capturas de pantalla: un botón desvaído es difícil de encontrar para un modelo, igual que lo es para un comprador con baja visión.
6. Mejora la calidad de las imágenes
Los profesionales informan de que las imágenes predeterminadas de 800x800 píxeles a menudo son insuficientes, porque los agentes se apoyan en representaciones visuales para la categorización, y que 1200x1200 píxeles o más es más fiable. Trata esto como una recomendación de profesionales más que como una especificación publicada, y haz pruebas con tu propio catálogo.
7. Mantén accesibles las páginas de políticas
Los agentes suelen validar las páginas de devoluciones, envíos y privacidad antes de iniciar una transacción. Según una guía de integración de UCP, si esas páginas son inaccesibles o están bloqueadas, el agente puede abandonar el checkout. No las ocultes detrás de scripts, ventanas emergentes o muros de inicio de sesión.
