Ce que dit la norme
La présentation visuelle de ce qui suit a un rapport de contraste d'au moins 3:1 avec les couleurs adjacentes :
Pourquoi c'est important
Un champ dont on ne voit pas la bordure est un champ qu'on ne trouve pas. C'est là que la conception minimaliste dépasse le plus souvent la ligne.
À quoi ressemble un échec
- échoueDes bordures de champ en #e5e5e5 sur blanc — environ 1,2:1.
- échoueUn anneau de focus d'une couleur proche du fond.
- échoueDes courbes de graphique distinguées seulement par des teintes pâles.
- échoueDes interrupteurs dont les états activé et désactivé ne diffèrent que par un remplissage peu contrasté.
Comment corriger
- à fairePortez bordures, anneaux de focus et icônes à au moins 3:1 par rapport à ce qui est derrière.
- à faireVérifiez aussi les états, pas seulement le défaut : survol, focus, coché, désactivé.
Comment A11ySignal le vérifie
manuel
Aucune règle automatique ne peut juger ce critère, et nous ne prétendrons pas le contraire. Une analyse propre ne veut pas dire que 1.4.11 est respecté — elle veut dire que rien de mesurable n'échoue. Celui-ci demande une personne.
Également sous 1.4 Distinguable
- 1.4.1 Utilisation de la couleur
- 1.4.2 Contrôle du son
- 1.4.3 Contraste (minimum)
- 1.4.4 Redimensionnement du texte
- 1.4.5 Texte sous forme d'image
- 1.4.6 Contraste (amélioré)
- 1.4.7 Son faible ou absent en arrière-plan
- 1.4.8 Présentation visuelle
- 1.4.9 Texte sous forme d'image (sans exception)
- 1.4.10 Redistribution
- 1.4.12 Espacement du texte
- 1.4.13 Contenu au survol ou au focus