Los 10 errores serios 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: martes, 20 de agosto de 2024
1. Todos los objetivos táctiles deben tener un tamaño de 24px, o dejar espacio suficiente. 36.31%
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.
2. Los enlaces deben tener un texto discernible. 26.27%
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.
3. Los elementos deben cumplir unos umbrales mínimos de relación de contraste cromático. 16.98%
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.
4. Los elementos <li> deben estar contenidos en un <ul> o <ol>. 9.11%
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. 4.89%
La etiqueta visible de los elementos interactivos etiquetados a través de su contenido debe incluirse en su nombre accesible.
6. <ul> y <ol> solo deben contener directamente elementos <li>, <script> o <template>. 2.17%
Las listas deben estar correctamente marcadas, lo que significa que no pueden contener componentes de contenido distintos de los elementos li.
7. Los elementos <p> con estilo no deben utilizarse como encabezados. 1.98%
Dado que los usuarios de lectores de pantalla no pueden determinar de otro modo la estructura del documento, los componentes p estilizados no deben utilizarse para representar encabezados.
8. Los elementos no deben tener un tabindex superior a cero. 0.93%
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.
9. Los controles interactivos no deben estar anidados. 0.74%
Los lectores de pantalla no anuncian los controles interactivos anidados.
10. ARIA commands must have an accessible name. 0.62%
The destination, purpose, function, or action of an ARIA command element must be made clear in understandable text for screen reader users.
The function of items with the roles link, button, or menuitem that lack an accessible name cannot be understood by screen reader users.
Ready to validate your sites?
Start your trial today.