130 votos

¿Cuáles son estos atributos: 'aria-labelledby' y 'aria-oculto'

Usando Bootstrap modal, he visto estas aria atribuye mucho, pero yo nunca supe cómo hacer uso de ellos.

¿Alguien sabe qué casos utilizar estos atributos? Sólo en Google no he encontrado ninguna respuesta sencilla.

129voto

Praveen Puntos 19102

HTML5 ARIA atributo es lo que usted está buscando. Se puede utilizar en su código, aun sin bootstrap.

Aplicaciones de Internet enriquecidas accesibles (ARIA) define los medios para hacer de la Web contenido de la Web y de las aplicaciones (especialmente aquellos desarrollados con Ajax y JavaScript) más accesible para las personas con discapacidad.

Para ser precisos para su pregunta, aquí está lo que sus atributos se llaman como ARIA atributo de los estados y modelo

aria-labelledby: Identifica el elemento (o elementos) que las etiquetas del elemento actual.

aria-hidden (state): Indica que el elemento y todos sus descendientes no son visibles o perceptibles para cualquier usuario, como el implementado por el autor.

20voto

wittjeff Puntos 71

Los principales consumidores de estas propiedades son los agentes de usuario como los lectores de pantalla para personas ciegas. Así, en el caso con un Bootstrap de modal, modal del div se ha role="diálogo". Cuando el lector de pantalla los avisos de que un div se hace visible que tiene esta función, no voy a hablar de la etiqueta para que la vid.

Hay un montón de maneras de etiquetar las cosas (y algunas nuevas con ARIA), pero en algunos casos es apropiado utilizar un elemento existente como una etiqueta (semántica) sin usar la etiqueta HTML. Con HTML modales, la etiqueta es generalmente de un encabezado. Así que en el Bootstrap modal caso, agrega aria-labelledby=[IDofModalHeader], y el lector de pantalla se habla de que el encabezado cuando el modal aparece.

En general se habla de un lector de pantalla se va a notar cuando los elementos DOM sean visibles o invisibles, por lo que el aria-ocultos de la propiedad con frecuencia es redundante y, probablemente, puede ser omitido en la mayoría de los casos.

Iteramos.com

Iteramos es una comunidad de desarrolladores que busca expandir el conocimiento de la programación mas allá del inglés.
Tenemos una gran cantidad de contenido, y también puedes hacer tus propias preguntas o resolver las de los demás.

Powered by:

X