Los 10 errores 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: lunes, 16 de septiembre de 2024
1. Todo el contenido de la página debe estar contenido por puntos de referencia. 36.34%
La práctica recomendada es mantener todo el contenido, excluyendo los enlaces de salto, en áreas designadas como el header, nav, main y footer.
2. Los elementos deben cumplir unos umbrales mínimos de relación de contraste cromático. 29.50%
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.
3. Todos los objetivos táctiles deben tener un tamaño de 24px, o dejar espacio suficiente. 10.10%
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.
4. Los enlaces deben tener un texto discernible. 8.66%
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.
5. Los elementos en el orden de enfoque deben tener un rol apropiado. 4.29%
Tanto si se trata de HTML nativo como de un widget personalizado, los elementos de entrada del usuario deben desempeñar las funciones adecuadas para que su significado quede claro para los usuarios de lectores de pantalla cuando se centren en ellos y aterricen en ellos. Si se trata de un widget personalizado, la función del elemento debe exponerse correctamente utilizando valores ARIA role adecuados en lugar de roles abstractos.
6. Los niveles de los encabezados sólo deben aumentar en uno. 2.51%
Las etiquetas de los elementos h1 a h6 deben estar en orden secuencial para que los encabezados tengan un orden lógico correcto.
7. Las imágenes deben tener un texto alternativo. 2.36%
Para expresar su propósito y significado a los usuarios de lectores de pantalla, todas las imágenes deben incluir texto alternativo.
8. El documento debe tener un punto de referencia principal. 2.17%
Una buena práctica es garantizar que sólo haya un punto de referencia principal para navegar al contenido principal de la página, y si la página tiene componentes iframe, cada uno debería contener o bien ningún punto de referencia o bien un único punto de referencia.
9. Los elementos <li> deben estar contenidos en un <ul> o <ol>. 2.08%
Todos los elementos de lista (li) deben tener elementos padre ul o ol.
10. Los elementos deben tener su texto visible como parte de su nombre accesible. 1.99%
La etiqueta visible de los elementos interactivos etiquetados a través de su contenido debe incluirse en su nombre accesible.
Ready to validate your sites?
Start your trial today.