Please note, this is a STATIC archive of website developer.mozilla.org from November 2016, cach3.com does not collect or store any user information, there is no "phishing" involved.

Utilizando el atributo aria-label

Traducción en curso

El attributo aria-label se utiliza para definir una cadena que etiqueta el elemento actual. Úselo en los casos cuando una etiqueta de texto no esta visible en la pantalla. Si hay texto visible en la etiqueta del elemento, utilize aria-labelledby en su lugar.

Este atributo puede ser utilizado con cualquier elemento HTML típico; no se limita a los elemento que tienen un papel ARIA asignado.

Valor

string

Posibles efectos sobre los agentes de usuario y la tecnología de asistencia 

Edit section

Nota: Las opiniones pueden diferir en cómo la tecnología asistencial debe manejar esta técnica. La información proporcionada es una de esas opiniones, y por lo tanto no normativo.

Ejemplos

Ejemplo 1: Varias Etiquetas

En el siguiente ejemplo un botón es estilizado para parecer un típico botón "cerrar", con una X en medio. En base a que no hay nada indicando que el propósito del botón es cerrar el diálogo, el atributo aria-label es usado para proveer una etiqueta a cualquier tecnología de asistencia.

<button aria-label="Close" onclick="myDialog.close()">X</button>

Notas

La API de accesibilidad más común para mapear una etiqueta es la propiedad accessible name

Used by ARIA roles

Todos los elementos del DOM

Técnicas ARIA relacionadas

Compatibilidad

TBD: Add support information for common UA and AT product combinations

Recursos adicionales

Etiquetas y colaboradores del documento

 Colaboradores en esta página: ErikMj69, NelsonWF
 Última actualización por: ErikMj69,