Los 10 errores serios de accesibilidad más comunes
Desarrolladores web de todo el mundo han encontrado
74 millones de problemas de A11Y
en 10 millones de páginas web validadas.
Estos son los problemas más comunes detectados por Rocket Validator.
Última actualización: miércoles, 18 de septiembre de 2024
1. Los elementos deben cumplir unos umbrales mínimos de relación de contraste cromático. 49.35%
Según los umbrales de relación de contraste de las WCAG 2 AA, todos los elementos de texto deben tener un contraste suficiente entre el texto en primer plano y los colores de fondo.
2. Todos los objetivos táctiles deben tener un tamaño de 24px, o dejar espacio suficiente. 18.06%
Los objetivos táctiles deben tener una dimensión mínima de 24 por 24 píxeles CSS. Para calcular el tamaño se utiliza la mayor superficie no oscurecida del objetivo táctil. El objetivo debe estar al menos a 24 píxeles CSS de distancia de cualquier otro objetivo táctil si su tamaño es insuficiente.
3. Los enlaces deben tener un texto discernible. 15.08%
Cuando se utilicen como enlaces, el texto del enlace y el texto alternativo de las imágenes deben ser reconocibles por los lectores de pantalla, no tener etiquetas duplicadas y ser enfocables.
4. Los elementos <li> deben estar contenidos en un <ul> o <ol>. 3.41%
Todos los elementos de lista (li) deben tener elementos padre ul o ol.
5. Los elementos deben tener su texto visible como parte de su nombre accesible. 3.27%
La etiqueta visible de los elementos interactivos etiquetados a través de su contenido debe incluirse en su nombre accesible.
6. Los elementos ocultos por ARIA no deben ser enfocables ni contener elementos enfocables. 2.72%
Los elementos con aria-hidden no deben contener elementos enfocables.
7. Los elementos sólo deben utilizar atributos ARIA permitidos. 2.41%
No todas las combinaciones de roles y atributos ARIA son válidas. Los elementos sólo deben utilizar atributos ARIA permitidos.
8. Los enlaces deben distinguirse sin recurrir al color. 2.25%
Asegúrese de que las personas que no pueden diferenciar los colores sepan cuándo un texto es un enlace comprobando que el enlace tenga un estilo distinto que no dependa del color o una diferencia de contraste superior a 3:1, lo que le indica que es necesario realizar pruebas manuales.
9. Los elementos no deben tener un tabindex superior a cero. 2.21%
Para evitar un orden inesperado de las pestañas que haga que algunos componentes no aparezcan, el atributo «tabindex» nunca debe tener un valor superior a 0.
10. Los elementos [role="img"] deben tener un texto alternativo. 1.24%
Los componentes con la etiqueta role="img" deben tener un texto alternativo.
Ready to validate your sites?
Start your trial today.