Acerca de esta regla de accesibilidad
Los elementos con aria-hidden no deben contener elementos enfocables.
Usar la propiedad aria-hidden="true" en un elemento elimina el elemento y todos sus nodos hijos del API de accesibilidad, haciendo que el elemento sea completamente no 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 mediante la reducción de contenido redundante o superfluo.
Si aria-hidden se emplea para ocultar material de los lectores de pantalla, el mismo significado y funcionalidad equivalente debe estar disponible para las tecnologías de asistencia.
Usar 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 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 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 esté claro si es visible u oculto.
Qué comprueba 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.