RGAA Lab

RGAA 4.1.2 · Formulaires · Critère 11.9

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

Un bouton nommé « Valider » au bout d'un formulaire de suppression ne dit pas ce qu'il déclenche — et c'est le dernier moment où on pouvait le dire.

Ce que dit le référentiel

Transcription du RGAA 4.1.2, sans interprétation. C’est ce texte qui fait foi, et celui que vous citez dans un rapport.

  1. 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.
  2. 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.

Comment le vérifier

  1. Recenser les boutons du formulaire : <button>, <input type="submit|reset|button|image">, éléments à role="button".
  2. Lire l'intitulé de chacun hors contexte : il doit annoncer l'action, pas la confirmer (« Envoyer ma demande » plutôt que « OK »).
  3. Quand le bouton affiche un intitulé visible, vérifier que son nom accessible le contient mot pour mot.
  4. Pour un bouton purement graphique, vérifier que son alternative décrit l'action et non le pictogramme.

Ce que notre outil fait

Assisté

Le moteur repère les éléments concernés et vous pose la question. Il ne conclut pas à votre place.

L'outil constate seul qu'un bouton de formulaire n'a aucun nom accessible. C'est une anomalie sûre, mais elle ne suffit pas à conclure : les tests du critère portent sur la pertinence des intitulés présents, chacun sous condition de présence — un bouton qui n'en a aucun n'offre rien à juger. Dans l'autre sens, un bouton nommé « OK » passe le constat et reste non conforme : la pertinence ne se calcule pas. Une règle du moteur vérifie mécaniquement le test 11.9.2 : que le nom accessible d'un bouton contienne son intitulé visible, mot pour mot.

Règles ACT du W3C mises en œuvre : 2ee8b8

Comment nous mesurons ce que l'outil sait faire · ce critère s'audite dans l'extension RGAA Lab.

Les pièges

Les erreurs qu’on rencontre vraiment, relevées au fil des audits.

  • Plusieurs boutons « Modifier » dans une même page, un par ligne d'un tableau : chacun est pertinent à l'œil, aucun ne l'est à la lecture séquentielle.
  • Un <input type="submit"> sans value affiche « Submit » ou « Envoyer » selon la langue du navigateur : l'intitulé n'est ni maîtrisé, ni traduit avec la page.
  • Une croix de fermeture nommée « × » : le caractère n'est pas un mot, et son annonce varie d'un lecteur d'écran à l'autre.
  • Ce critère ne juge que les boutons du formulaire. Un hamburger, un « voir plus », une flèche de carrousel n'y entrent pas : ils se vérifient au 7.1, où l'outil les présente.

À lire avec