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: domingo, 15 de diciembre de 2024
1. Todos los objetivos táctiles deben tener un tamaño de 24px, o dejar espacio suficiente. 33.28%
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. 24.84%
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. 17.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.
4. Los elementos <li> deben estar contenidos en un <ul> o <ol>. 9.93%
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. 6.35%
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.37%
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. 2.30%
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. 2.14%
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 nodos ARIA "dialog" y "alertdialog" deben tener un nombre accesible. 0.95%
Para los usuarios de lectores de pantalla, los elementos de diálogo Aria deben incluir un lenguaje inteligible que especifique en detalle el destino, el propósito, la función o la acción.
Los elementos con role="dialog" o role="alertdialog" que carezcan de un nombre accesible no podrán ser comprendidos por los usuarios de lectores de pantalla.
10. Scrollable region must have keyboard access. 0.60%
Elements with scrollable content must be keyboard-accessible.
Ready to validate your sites?
Start your trial today.