Los 9 errores menores 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: jueves, 21 de noviembre de 2024
1. Los elementos en el orden de enfoque deben tener un rol apropiado. 40.18%
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.
2. El texto alternativo de las imágenes no debe repetirse como texto. 27.58%
Cuando se repite el texto de los botones y enlaces en un valor de propiedad alt, los usuarios de lectores de pantalla escuchan la misma información dos veces, lo que hace que el texto alternativo carezca de valor y resulte confuso.
3. El rol ARIA debe ser apropiado para el elemento. 13.58%
Los valores de los atributos de rol WAI-ARIA deben ser correctos. Esto significa que los valores deben estar escritos correctamente, correlacionarse con los valores ARIA role existentes y no ser roles abstractos para mostrar adecuadamente el propósito del elemento.
4. Los encabezamientos no deben estar vacíos. 10.30%
Es una buena práctica asegurarse de que cada elemento de encabezamiento, denotado por las etiquetas <h1> a <h6>, contenga texto.
Los usuarios de lectores de pantalla son informados de la presencia de una etiqueta de encabezamiento. Los usuarios pueden confundirse o incluso ser incapaces de acceder a la información sobre la estructura de la página si el encabezado está en blanco o el texto no es accesible.
5. Los usuarios deben poder ampliar y escalar el texto hasta un 500%. 3.58%
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.
6. Asegúrese de que los elementos marcados como de presentación se ignoran consistentemente. 3.39%
Asegúrese de que los elementos seleccionados para su eliminación del árbol de accesibilidad se eliminan realmente.
7. El texto de la cabecera de la tabla no debe estar vacío. 1.38%
El texto de los componentes de la cabecera de la tabla debe ser visible. Asegúrese de que los usuarios de lectores de pantalla puedan acceder a la cabecera de la tabla. Es preferible marcar un elemento con un td si no es un encabezado.
8. Las tablas no deben tener el mismo resumen y título. 0.01%
El marcado de tablas de datos puede ser tedioso y complejo. Asegúrese de que las propiedades de la tabla resumen y la leyenda no coincidan. Los lectores de pantalla disponen de varias funciones que facilitan la navegación por las tablas, pero para que funcionen correctamente, las tablas deben estar correctamente marcadas.
9. Las tablas no deben tener el mismo resumen y título. 0.00%
El marcado de tablas de datos puede ser tedioso y complejo. Asegúrese de que las propiedades de la tabla resumen y la leyenda no coincidan. Los lectores de pantalla disponen de varias funciones que facilitan la navegación por las tablas, pero para que funcionen correctamente, las tablas deben estar correctamente marcadas.
Ready to validate your sites?
Start your trial today.