Los 10 errores serios de accesibilidad más comunes en Portugal
Estos son los principales errores de A11Y encontrados en los sitios más importantes de Portugal.
La lista de sitios web es seleccionada por Ruben Ferreira Duarte, instructor de A11Y y editor del blog DXD
Última actualización: lunes, 2 de diciembre de 2024
1. Los elementos deben cumplir unos umbrales mínimos de relación de contraste cromático. 55.23%
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. Los enlaces deben tener un texto discernible. 22.63%
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. Todos los objetivos táctiles deben tener un tamaño de 24px, o dejar espacio suficiente. 11.32%
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 elementos <li> deben estar contenidos en un <ul> o <ol>. 2.52%
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. 2.39%
La etiqueta visible de los elementos interactivos etiquetados a través de su contenido debe incluirse en su nombre accesible.
6. Los elementos no deben tener un tabindex superior a cero. 1.59%
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.
7. <ul> y <ol> solo deben contener directamente elementos <li>, <script> o <template>. 1.47%
Las listas deben estar correctamente marcadas, lo que significa que no pueden contener componentes de contenido distintos de los elementos li.
8. Los controles interactivos no deben estar anidados. 0.96%
Los lectores de pantalla no anuncian los controles interactivos anidados.
9. <svg> elements with an img role must have an alternative text. 0.96%
10. Los enlaces deben distinguirse sin recurrir al color. 0.93%
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.
Ready to validate your sites?
Start your trial today.