Los 10 errores críticos de accesibilidad más comunes
Desarrolladores web de todo el mundo han encontrado
76 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: sábado, 23 de noviembre de 2024
1. Las imágenes deben tener un texto alternativo. 30.68%
Para expresar su propósito y significado a los usuarios de lectores de pantalla, todas las imágenes deben incluir texto alternativo.
2. Los botones deben tener un texto discernible. 18.24%
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.
3. El zoom y la escala no deben desactivarse. 11.56%
El parámetro user-scalable="no" del elemento <meta name="viewport"> no debe utilizarse, ya que impide el escalado y el zoom del texto, necesarios para las personas con problemas de visión.
4. Las imágenes deben tener un texto alternativo. 11.33%
Para expresar su propósito y significado a los usuarios de lectores de pantalla, todas las imágenes deben incluir texto alternativo.
5. Los elementos de formulario deben tener etiquetas. 9.62%
Cada elemento del formulario debe tener un elemento label asociado.
6. Los elementos sólo deben utilizar atributos ARIA compatibles. 5.54%
No todas las combinaciones de roles y atributos ARIA son válidas. Cada rol debe tener sus cualidades requeridas.
7. Algunos roles ARIA deben contener determinados hijos. 5.44%
Algunos valores ARIA role en elementos padre deben contener elementos hijo y valores role específicos para ejecutar la función de accesibilidad prevista.
8. Algunas funciones ARIA deben estar contenidas en determinados padres. 4.86%
Ciertos roles ARIA deben estar rodeados por roles padre específicos para poder llevar a cabo sus funciones de accesibilidad.
9. El elemento <select> debe tener un nombre accesible. 1.75%
Debe incluirse un elemento label con una asociación programática para cada elemento select.
10. Los elementos <td> no vacíos en <table> más grandes deben tener un encabezado de tabla asociado. 0.98%
El marcado de tablas de datos puede resultar tedioso y desconcertante. Las tablas deben tener un marcado semántico y una estructura de encabezado adecuada. Las funciones de los lectores de pantalla facilitan la navegación por las tablas, pero para que estas funciones funcionen correctamente, las tablas deben estar marcadas con precisión.
Ready to validate your sites?
Start your trial today.