Acerca de esta regla de accesibilidad
Esta regla determina si los elementos aria-hidden contienen elementos enfocables o no.
Usar la propiedad aria-hidden="true" en un elemento elimina el elemento y todos sus nodos hijos de la API de accesibilidad, haciendo que el elemento sea completamente inaccesible para lectores de pantalla y otras tecnologías asistivas.
aria-hidden puede usarse con extrema discreción para ocultar contenido visualmente mostrado de las tecnologías asistivas si el acto de ocultar este contenido está destinado a mejorar la experiencia de los usuarios de tecnologías asistivas al reducir contenido redundante o superfluo.
Si se emplea aria-hidden para ocultar material de los lectores de pantalla, el mismo significado y funcionalidad equivalente debe estar disponible para las tecnologías asistivas.
Usar aria-hidden="false" en contenido que es descendiente de un elemento que está oculto usando aria-hidden="true" no revelará ese contenido a la API de accesibilidad, ni será accesible para lectores de pantalla u otras tecnologías asistivas.
La regla se aplica a cualquier elemento cuyo valor del atributo aria-hidden sea true.
Al agregar aria-hidden="true" a un elemento, los autores aseguran que las tecnologías asistivas ignoren el elemento.
Esto puede usarse para ocultar elementos estéticos, como tipografías de iconos, que no están destinados a ser leídos por tecnologías asistivas.
Un elemento enfocable con aria-hidden="true" es ignorado como parte del orden de lectura, pero sigue siendo parte del orden de enfoque, haciendo que no quede claro si es visible u oculto.
Lo que verifica esta regla de accesibilidad
Para todos los componentes de interfaz de usuario, incluyendo elementos de formulario, enlaces y componentes generados por script, el nombre y el rol pueden identificarse programáticamente; los estados, propiedades y valores especificados por el usuario pueden establecerse programáticamente; y los agentes de usuario, incluyendo tecnologías asistivas, son notificados de los cambios.
Ayúdanos a mejorar nuestras guías
Detecta problemas de accesibilidad automáticamente
Rocket Validator escanea miles de páginas con Axe Core y el W3C Validator, encontrando problemas de accesibilidad en todo tu sitio web.