Acerca de esta regla de accesibilidad
Los elementos con aria-hidden no deben contener elementos que puedan recibir foco.
El uso de la propiedad aria-hidden="true" en un elemento elimina el elemento y todos sus nodos hijo de la API de accesibilidad, haciendo que el elemento sea completamente inaccesible 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 a la 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 añadir 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 tipografías de iconos, que no están destinados a ser leídos por tecnologías de asistencia.
Un elemento que puede recibir foco con aria-hidden="true" es ignorado como parte del orden de lectura, pero sigue siendo parte del orden de foco, haciendo que no esté 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 rol pueden identificarse programáticamente; los estados, propiedades y valores especificados por el usuario pueden establecerse programáticamente; y los agentes de usuario, incluyendo las 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.