WCAG audit in eCommerce: recurring errors and fixes

La accesibilidad en eCommerce falla casi siempre por lo mismo: teclado, formularios y estados.

1) Foco visible (no negociable)

• :focus-visible con estilo claro.
• Nunca ocultar el outline sin reemplazo.

2) Formularios: label + mensajes de error

• Todo input con label asociado.
• Errores con texto claro y relacion con el campo (aria-describedby si aplica).
• Validacion sin romper teclado.

3) Botones y links: semantica correcta

• No uses div clickeables.
• Botones para acciones, enlaces para navegacion.

4) Contraste y estados

• Contraste AA minimo en texto.
• Estados hover/focus/disabled deben ser distinguibles.

5) Navegacion

• Skip link al contenido.
• Orden logico de tabulacion.
• Menu movil usable con teclado y cierre con ESC.

Una auditoria buena entrega: lista de issues, prioridad por impacto y fix concreto por componente.