Critère 11.9

Dans chaque formulaire, l’intitulé de chaque bouton est-il pertinent (hors cas particuliers) ?

Pré-vérifiéRGAA 4.1.22 tests officiels

Comprendre

Chaque bouton doit avoir un intitulé pertinent, qui contient son texte visible.

Ce critère s’applique lorsque la page contient : boutons, champs de formulaire.

Ce que vérifie Agence RGAA

Notre moteur détecte automatiquement des anomalies, mais une personne doit confirmer la pertinence avant de conclure.

Nous détectons automatiquement :

  • boutons sans intitulé
  • boutons de formulaire sans intitulé

Un résultat automatique n’est jamais un audit : seul un contrôle humain (en interne ou par un auditeur RGAA) permet de conclure.

Exemple de correction

Un bouton avec un intitulé pertinent
<button type="submit">Envoyer la demande</button>
<input type="submit" value="Rechercher">

<!-- Bouton-icône -->
<button type="button" aria-label="Fermer la fenêtre">
  <svg aria-hidden="true" focusable="false">…</svg>
</button>
Voir un exemple à éviter
Bouton vide ou image sans alternative
<button></button>
<button><img src="fermer.svg"></button>
<input type="submit" value="">
  • Le nom accessible doit contenir le texte visible du bouton.

Patron de référence à adapter à votre contexte : il ne vaut pas validation du critère.

Tests officiels

  1. Test 11.9.1

    L’intitulé de chaque bouton vérifie-t-il ces conditions (hors cas particuliers) ? S’il est présent, le contenu de l’attribut WAI-ARIA aria-label est pertinent ; S’il est présent, le passage de texte lié au bouton via un attribut WAI-ARIA aria-labelledby est pertinent ; S’il est présent, le contenu de l’attribut value d’une balise <input> de type submit, reset ou button est pertinent ; S’il est présent, le contenu de la balise <button> est pertinent ; S’il est présent, le contenu de l’attribut alt d’une balise <input> de type image est pertinent ; S’il est présent, le contenu de l’attribut title est pertinent.

    Méthodologie de test
    1. Retrouver dans le document les boutons présents au sein d’un formulaire ;
    2. Pour chaque bouton, vérifier que son intitulé visible et son nom accessible sont pertinents ;
    3. Si c’est le cas pour chaque bouton, le test est validé.

  2. Test 11.9.2

    Chaque bouton affichant un intitulé visible vérifie-t-il ces conditions (hors cas particuliers) ? S’il est présent, le contenu de l’attribut WAI-ARIA aria-label contient au moins l’intitulé visible ; S’il est présent, le passage de texte lié au bouton via un attribut WAI-ARIA aria-labelledby contient au moins l’intitulé visible ; S’il est présent, le contenu de l’attribut value d’une balise <input> de type submit, reset ou button contient au moins l’intitulé visible ; S’il est présent, le contenu de la balise <button> contient au moins l’intitulé visible ; S’il est présent, le contenu de l’attribut alt d’une balise <input> de type image contient au moins l’intitulé visible ; S’il est présent, le contenu de l’attribut title contient au moins l’intitulé visible.

    Méthodologie de test
    1. Retrouver dans le document les boutons présents au sein d’un formulaire ;
    2. Pour chaque bouton, vérifier que son nom accessible contient au moins son intitulé visible ;
    3. Si c’est le cas pour chaque bouton, le test est validé.

Texte officiel du référentiel RGAA 4.1.2 publié par la DINUM — voir la source.

Critère RGAA 11.9 : Dans chaque formulaire, l’intitulé de chaque bouton est-il pertinent (hors cas particuliers) ? | Agence RGAA