Después de analizar tiendas online reales, los fallos de accesibilidad se repiten una y otra vez. La buena noticia: casi todos son arreglos abordables. Estos son los 10 más comunes en ecommerce y cómo corregir cada uno para cumplir las WCAG 2.2 y el European Accessibility Act.
1. Imágenes sin texto alternativo
El fallo estrella. Cada foto de producto necesita un alt que la describa. Arreglo: rellena el texto alternativo en cada imagen; deja vacío solo las puramente decorativas.
2. Contraste de color insuficiente
Texto gris claro sobre blanco, o blanco sobre fotos. Arreglo: usa una ratio mínima de 4,5:1 para texto normal. Ajusta los colores del tema.
3. Botones e iconos sin nombre accesible
El carrito, la lupa o el menú hamburguesa sin etiqueta «no existen» para un lector de pantalla. Arreglo: añade aria-label descriptivos.
4. Formularios sin etiquetas
Campos de checkout o login con solo un placeholder. Arreglo: asocia una <label> visible a cada campo.
5. Zonas de toque demasiado pequeñas
Botones diminutos en móvil. Arreglo: objetivos de al menos 24×24 px (mejor 44×44) con separación suficiente.
6. Falta de foco visible
Al navegar con teclado no se ve dónde estás. Arreglo: no elimines el outline; dale un estilo de foco claro.
7. Jerarquía de encabezados rota
Varios H1 o saltos de H2 a H4. Arreglo: un solo H1 y orden lógico.
8. Enlaces poco descriptivos
«Haz clic aquí» repetido. Arreglo: textos de enlace que digan a dónde llevan («ver ficha del producto»).
9. Pop-ups y banners que atrapan el foco
Cookies o newsletter que no se cierran con teclado. Arreglo: usa componentes accesibles que devuelvan el foco.
10. Vídeos y audio sin alternativa
Vídeos de producto sin subtítulos. Arreglo: añade subtítulos y, si hay locución, una transcripción.
El «fallo» número 11: confiar en un overlay
Instalar un widget que promete arreglar todo esto automáticamente no funciona. Son overlays que no te protegen: maquillan el problema sin tocar el código. Corrige de verdad y dormirás tranquilo.
Comprueba tu web gratis
En Accesicheck escaneamos tu tienda con axe-core (WCAG 2.2), te damos tu puntuación real y el plan para corregir cada fallo en el código. Sin overlays y sin promesas imposibles.
👉 Analiza tu web gratis · Ver planes y precios
Preguntas frecuentes
¿Cuál es el fallo más común?
Las imágenes sin texto alternativo, seguidas del contraste insuficiente y los botones sin nombre accesible.
¿Son caros de arreglar?
La mayoría son ajustes abordables de tema y contenido. Lo importante es priorizar críticos y graves.
¿Cómo sé cuáles tengo yo?
Con un análisis WCAG 2.2 que liste tus fallos por gravedad, página a página.
¿Un overlay los soluciona?
No. No corrige el código fuente y no protege legalmente.
Publicado por Accesicheck (BIKAIN STUDIO SL). Accesibilidad web sin atajos.