Les boutons, icônes et graphiques porteurs d'information sont-ils suffisamment contrastés par rapport à leur fond ?
Critère officiel 3.3 — Dans chaque page web, les couleurs utilisées dans les composants d’interface ou les éléments graphiques porteurs d’informations sont-elles suffisamment contrastées (hors cas particuliers) ?
Pourquoi c'est important
Un bouton « Envoyer » trop pâle, une icône de téléphone peu visible ou une courbe de graphique trop claire sur fond blanc deviennent invisibles pour les personnes malvoyantes. Elles ne peuvent pas interagir avec le site ou lire les données présentées.
Exemples concrets
Ce qui est conforme
Le bouton « Envoyer votre demande » du formulaire de contact est affiché en blanc sur fond bleu foncé (#1A56A0) : le rapport de contraste est de 5,2:1, au-dessus du minimum de 3:1 exigé pour les éléments graphiques.
Ce qui pose problème
Les icônes de réseaux sociaux du pied de page sont en gris clair (#AAAAAA) sur fond blanc : leur contraste de 2,3:1 est insuffisant. Une personne malvoyante ne les voit pas et ne sait pas que ces liens existent.
Comment agir
Ce critère est plus récent (WCAG 2.1) et souvent ignoré lors de la création du site. Demandez à votre prestataire de vérifier spécifiquement les boutons, les icônes fonctionnelles et les graphiques — pas seulement le texte. Un audit visuel rapide de la page d'accueil et des formulaires suffit pour identifier les problèmes les plus évidents.