Por qué se repiten siempre los mismos fallos
Según el estudio WebAIM Million, más del 95% de las páginas tienen fallos de accesibilidad, y la mayoría se concentran en un puñado de errores muy comunes. Estos son los que más veces detectamos:
- Imágenes sin texto alternativo: quien usa un lector de pantalla no sabe qué muestra la imagen. Solución: añade un alt descriptivo (o vacío si es decorativa).
- Contraste insuficiente: texto gris claro sobre blanco. Solución: alcanza una relación de al menos 4,5:1.
- Enlaces y botones sin nombre: iconos sin texto que el lector anuncia como «enlace». Solución: añade texto visible o una etiqueta ARIA.
- Formularios sin etiquetas: campos que solo tienen placeholder. Solución: asocia una etiqueta a cada campo.
- Idioma sin declarar: falta el atributo lang. Solución: declara el idioma en la etiqueta html.
- Estructura de encabezados rota: saltos de H1 a H4. Solución: usa los encabezados en orden.
- Falta de región principal: no hay <main> para saltar al contenido. Solución: marca las regiones de la página.
- Foco no visible: al tabular no se ve dónde estás. Solución: mantén un indicador de foco claro.
- Contenido que no se adapta: aparece scroll horizontal en móvil. Solución: diseño responsive real a 320px.
- Trampas de teclado: quedas atrapado en un componente. Solución: asegura que se puede entrar y salir con el teclado.
Cómo saber cuáles tienes tú
Cada web es distinta. Un análisis automático te dice cuáles de estos errores tienes, en qué páginas y elementos exactos, y te da la solución con código para cada uno. Es la forma más rápida de pasar de «algo hay que hacer» a una lista concreta de arreglos.