Critère 11.9 – Pertinence du texte du bouton

This post is also available in: English (Anglais)

Les boutons doivent avoir un texte qui décrit clairement, et sans équivoque, la destination, le but, la fonction ou l’action pour les synthèses vocales.

S’assurer que chaque bouton et chaque élément avec un role= »button » contient une des caractéristiques suivantes:

  • Texte interne perceptible par utilisateurs de lecteurs d’écrans.
  • Attribut aria-label non vide.
  • aria-labelledby qui pointe vers éléments textuels perceptible pour utilisateurs de lecteurs d’écrans (not display: none; or aria-hidden= »true ».
  • role= »presentation » ou role= »none » (ARIA 1.1) et si pas un tab order (tabindex=« -1″).

S’assurer que <input type= »button »> présente une des caractéristiques suivantes:

  • Pas d’attribut vide.
  • Pas d’attribut aria-label vide.
  • aria-labelledby qui pointe vers éléments textuels perceptible pour utilisateurs de lecteurs d’écran (not display: none; or aria-hidden= »true ».

S’assurer que <input type= »submit »>, <input type= »reset »> présentent une des caractéristiques suivantes:

  • Pas d’attribut aria-label vide.
  • aria-labelledby qui pointe vers éléments textuels perceptible pour utilisateurs de lecteurs d’écran (not display: none; or aria-hidden= »true ».
  • Pas d’attribut vide ou non spécifié. Les browsers donnent une valeur par défaut « reset » et « submit » si la valeur d’attribut est non spécifiée.

Pourquoi est-ce important ?

Les utilisateurs de lecteurs d’écran ne peuvent pas discerner le but d’un bouton que n’a pas de nom accessible.

Sans un nom textuel discernable et accessible, il n’est pas possible pour les lecteurs d’écran de comprendre le but d’une image utilisée comme bouton. Le title d’une image va seulement fournir des informations sur l’image même. Dans le cas des « graphiques actifs boutons » sans nom, aucune information sur la destination, le but, l’action ou la fonction du bouton n’est fournie dans le cas d’un contenu non textuel utilisé comme contrôle.