Button - Bouton

Élément d’interaction avec l’interface permettant à l’utilisateur
d’effectuer une action.

Rôle et attributs ARIA

Rôles et attributs ARIA générés par défaut

  • Balise <button>

 

Attributs de l’élément ayant un impact sur l’accessibilité

Attribut

Impact

accessible-name

Ajoute un attribut aria-label à la balise.

⚠️ Cet attribut n’est à renseigner que lorsque le bouton n’est pas explicite en lui-même (bouton du type « Lire plus », « Découvrir », « Voir plus », etc.).
Dans ces cas-là, il faut reprendre le nom du bouton, puis ajouter les informations complémentaires.
Exemple : accessible-name="Découvrir : le projet handicap du CNSA".

description

Crée un élément caché avec le contenu renseigné, et ajoute un attribut aria-describedby pointant vers celui-ci à la balise.

disabled

Modifie la valeur de disabled et aria-disabled sur le bouton, et ajoute un tabindex=”-1”

toggle

Transforme le bouton en bouton à basculement, et ajoute l’attribut aria-pressed avec la valeur de pressed.

pressed

Donne la valeur de l’attribut aria-pressed

href

Si renseigné, l’élément interactif sera une balise <a>. Sinon, ce sera une balise <button>.

 

 

Référence