mozilla
Vos résultats de recherche

    Utiliser l'attribut aria-label

    Cet article nécessite une relecture technique.

    Cet article nécessite une relecture rédactionnelle.

    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

    Note : il existe plusieurs points de vue sur la façon dont les technologies d’assistance devraient traiter cette technique. L’information fournie ci-dessus est l’une de ces opinions et n’est pas normative.

    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.

    Autres ressources

    Étiquettes et contributeurs liés au document

    Étiquettes : 
    Contributors to this page: Fredchat
    Dernière mise à jour par : Fredchat,