Los 10 errores de accesibilidad más comunes en España
Estos son los principales problemas de accesibilidad encontrados
en los sitios web más importantes de los principales sectores de España.
Última actualización: domingo, 15 de septiembre de 2024
1. Todo el contenido de la página debe estar contenido por puntos de referencia. 35.95%
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. Todos los objetivos táctiles deben tener un tamaño de 24px, o dejar espacio suficiente. 18.01%
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. 12.99%
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 deben cumplir unos umbrales mínimos de relación de contraste cromático. 10.24%
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.
5. Las imágenes deben tener un texto alternativo. 7.35%
Para expresar su propósito y significado a los usuarios de lectores de pantalla, todas las imágenes deben incluir texto alternativo.
6. Los elementos <li> deben estar contenidos en un <ul> o <ol>. 4.75%
Todos los elementos de lista (li) deben tener elementos padre ul o ol.
7. Los niveles de los encabezados sólo deben aumentar en uno. 3.25%
Las etiquetas de los elementos h1 a h6 deben estar en orden secuencial para que los encabezados tengan un orden lógico correcto.
8. Los elementos deben tener su texto visible como parte de su nombre accesible. 3.09%
La etiqueta visible de los elementos interactivos etiquetados a través de su contenido debe incluirse en su nombre accesible.
9. Los botones deben tener un texto discernible. 2.43%
Para los usuarios de lectores de pantalla, los botones deben incluir un texto reconocible que especifique el destino, la finalidad, la función o la acción.
10. Los elementos en el orden de enfoque deben tener un rol apropiado. 1.94%
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.
Ready to validate your sites?
Start your trial today.