Acerca de esta regla de accesibilidad
Esta regla determina si los elementos con aria-hidden contienen o no elementos enfocables.
El uso de la propiedad aria-hidden="true" en un elemento elimina el elemento y todos sus nodos hijos del API de accesibilidad, haciendo que el elemento no esté completamente disponible para lectores de pantalla y otras tecnologías de asistencia.
aria-hidden puede usarse con extrema discreción para ocultar contenido visualmente mostrado de las tecnologías de asistencia si el acto de ocultar este contenido está destinado a mejorar la experiencia de los usuarios de tecnologías de asistencia reduciendo 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 de asistencia.
El uso de aria-hidden="false" en contenido que es descendiente de un elemento que está oculto usando aria-hidden="true" no revelará ese contenido al API de accesibilidad, ni será accesible para lectores de pantalla u otras tecnologías de asistencia.
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 de asistencia ignorarán el elemento.
Esto puede usarse para ocultar elementos estéticos, como fuentes de iconos, que no están destinados a ser leídos por tecnologías de asistencia.
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.
Qué 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 de asistencia, 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.