Boutons sans texte accessible

Un bouton réduit à une icône (croix de fermeture, menu burger) sans texte accessible est muet pour le lecteur d'écran.

Qui est concerné

• Personnes aveugles ou malvoyantes
• Personnes utilisant la commande vocale

Pourquoi c'est important

Les interfaces modernes multiplient les boutons-icônes. Sans texte ni aria-label, ils sont annoncés « bouton » et l'utilisateur ne peut pas deviner leur fonction. Le critère 4.1.2 (niveau A) impose un nom accessible à chaque commande.

Comment le tester vous-même

1. Chaque bouton expose-t-il un texte visible ou un aria-label décrivant son action ?
2. L'icône interne doit être masquée au lecteur d'écran (aria-hidden="true") pour ne pas parasiter.

Comment corriger

Donnez un texte accessible au bouton : contenu visible, ou aria-label si le bouton n'a qu'une icône (ex. aria-label="Fermer").

<button><svg>...</svg></button>

<button aria-label="Fermer la fenêtre"><svg aria-hidden="true">...</svg></button>

Critères de référence

Plainpied détecte ce défaut automatiquement et le localise page par page. La conformité totale combine détection automatique et vérifications humaines : voir notre méthode.