Cet article nécessite une relecture technique. Voici comment vous pouvez aider.
Cet article nécessite une relecture rédactionnelle. Voici comment vous pouvez aider.
Description
Cette technique présente l’utilisation de l’attribut aria-label.
L’attribut aria-label est utilisé pour définir une chaîne qui labélise l’élément courant. Utilisez-le lorsque le texte d’un label n’est pas visible à l’écran. Si il existe le texte du label de l’élément est visible, utilisez plutôt l’attribut aria-labelledby.
Cet attribut peut être utilisé avec n’importe quel élément HTML typique ; il n’est pas limité aux éléments auxquels a été assigné un rôle ARIA.
Valeurs
Chaîne
Effets possibles sur les agents utilisateurs et les technologies d’assistance
Exemples
Exemple 1 : labels multiples
Dans l’exemple c-dessous, un bouton est stylé pour ressembler à un bouton « Fermer classique, avec un X en son centre. Comme il n’existe aucune information indiquant que la fonction du bouton est de fermer la boîte de dialogue, l’attribut aria-label est utilisé pour fournir un label aux technologies d’assistance.
<button aria-label="Fermer" onclick="myDialog.close()">X</button>
Exemples concrets :
Notes
L’affectation d’API accessibilité la plus courante pour un label est la propriété de nom accessible.
Utilisé par les rôles ARIA
Tous les éléments de balisage de base.
Techniques ARIA connexes
Compatibilité
À définir : ajouter les informations de prise en charge pour les combinaisons les plus courantes d’agents utilisateurs et de produits de technologies d’assistance.