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
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