Normes · WCAG 2.2

SC 1.3.3 Niveau A WCAG 2.0

Caractéristiques sensorielles

Les instructions ne doivent pas reposer uniquement sur la forme, la taille, l'emplacement, l'orientation, le son ou la couleur. « Cliquez sur le bouton vert à droite » exclut les utilisateurs qui ne peuvent pas voir la mise en page ou distinguer les couleurs.

Ce que ce critère demande

Les instructions indiquant aux utilisateurs comment interagir avec le contenu doivent fonctionner pour quelqu’un qui ne peut pas percevoir l’indice sensoriel désigné. Si l’on dit « cliquez sur le bouton rond », un utilisateur de lecteur d’écran n’a aucun moyen de savoir quel bouton est rond. Si l’on dit « le menu à votre gauche », un utilisateur ayant reformaté la page en une seule colonne n’a pas de côté gauche. Il faut associer chaque indice sensoriel à un identifiant non sensoriel — une étiquette, un nom, un numéro.

Comment satisfaire ce critère

  • Remplacer « cliquez sur le bouton vert » par « cliquez sur le bouton Envoyer » — nommer le contrôle.
  • Remplacer « voir le panneau à droite » par « voir la section Tarifs ci-dessous » — nommer la section par son titre.
  • Pour les références à des diagrammes, nommer la partie balisée plutôt que sa position : « voir l’étape 3 » plutôt que « voir le cercle du haut ».
  • Pour les indices audio (« vous entendrez un bip à la fin »), associer un message de statut visible.
  • Pour les références à des formes sur des icônes (« l’icône en forme d’engrenage »), s’assurer que l’icône possède également un nom accessible dans le balisage.

Échecs courants

  • « Appuyez sur le bouton rond vert pour continuer » — trois indices sensoriels, aucun nom.
  • Texte d’aide de formulaire indiquant « voir le panneau à droite » dans une mise en page bureau qui devient une colonne unique sur mobile.
  • « Écoutez la sonnerie » sans alternative visuelle.
  • Texte de tutoriel pointant vers « un lien bleu dans la barre latérale » — couleur, emplacement, aucun nom.
  • Visite guidée d’intégration : « l’info-bulle avec la flèche » — repose entièrement sur la forme.

Pourquoi c’est important

Ce critère échappe rarement aux outils automatisés (Lighthouse ne sait pas lire la prose), il n’est donc détecté que lors des révisions manuelles. La correction est presque toujours une modification de la rédaction, non du code — facile à déployer, mais facile à manquer.