Table des matières
- Le problème
- La solution
- Les règles qui s'appliquent à l'utilisation de la couleur
- L'évaluation de conformité
- La comparaison entre les standards SGQRI et WCAG 2.0
Le problème
La couleur est parfois utilisée pour communiquer de l'information qui ne sera pas perceptible pour un bon nombre de personnes ayant une incapacité visuelle. Les personnes aveugles n'en n'auront évidemment pas connaissance, mais beaucoup de personnes malvoyantes ont un problème de perception des couleurs. Il y a aussi les daltoniens qui représentent 8,5 % de la population masculine.
Il existe plusieurs formes de daltonisme partiel (dyschromatopsie), la plus fréquente étant la confusion du vert et du rouge. Les autres formes de daltonisme sont nettement plus rares (comme la confusion du bleu et du jaune), la plus rare de toutes étant la déficience totale de la perception des couleurs (achromatopsie), où le sujet ne perçoit que des nuances de gris.
Toute information transmise par la couleur doit donc aussi être transmise sous forme de texte.
Retour en haut de pageLa solution
- Dans les consignes données, ou dans les mécanismes de navigation, vous ne devez pas vous en remettre seulement aux couleurs, car une personne qui ne perçoit pas les couleurs doit pouvoir se fier à des indices textuels redondants, la couleur étant un indice supplémentaire pour ceux qui la perçoivent. Par exemple, il ne suffit pas de mettre les champs obligatoires d'un formulaire en rouge, car ceux-ci doivent aussi être indiqués, soit par une icône comportant un alt explicite, soit par un texte visible pour tous.li>
- Si des différences de couleurs ont une signification dans une image, ces informations doivent être données dans le texte de remplacement de l'image.
- Il est important que les éléments de navigation soit facilement identifiables par un autre moyen que la couleur. Ceci s'applique non seulement aux menus, mais aussi aux liens que l'on trouve à l'intérieur du texte. Un contraste de 3 pour 1 est exigé entre la couleur du texte environnant et la couleur du lien.
- La meilleure pratique pour l'identification des liens est le soulignement, au moins au survol de la souris et au focus.
Les règles qui s'appliquent à l'utilisation de la couleur
| SGQRI 008-01 (site Web) |
SGQRI 008-02 (doc. téléchargeable) |
SGQRI 008-03 (multimédia) |
WCAG 2.0 |
|---|---|---|---|
|
15. Pour les exigences particulières applicables à la navigation, tout site Web doit : a) permettre d’identifier facilement tout élément de navigation; 17. Toute page Web doit être présentée en : a) offrant un texte ou une image avec un texte de remplacement pour tout contenu faisant appel à une perception sensorielle pour communiquer une information, indiquer une action, solliciter une réponse ou distinguer un élément visuel; |
10. Pour les exigences particulières applicables à la navigation, tout document téléchargeable doit : 12. Tout document téléchargeable doit être présenté en : |
13. Pour les exigences particulières applicables à la navigation, toute animation Web doit : 15. Toute animation Web doit être présentée en : |
1.4.1 Utilisation de la couleur : la couleur n'est pas utilisée comme la seule façon de véhiculer de l'information, d'indiquer une action, de solliciter une réponse ou de distinguer un élément visuel. (Niveau A)
Note : ce critère de succès traite spécifiquement de la perception des couleurs. Les autres formes de perception sont traitées à la règle 1.3, comme l'accès à la couleur par programme informatique, et les autres formes de codage de la présentation visuelle. |
L'évaluation de conformité
| SGQRI 008-01 (site Web) |
SGQRI 008-02 (doc. téléchargeable) |
SGQRI 008-03 (multimédia) |
WCAG 2.0 Grille AccessiWeb 2.1 de Braillenet (suivre ce lien pour voir les tests rattachés à chaque critère) |
|---|---|---|---|
Tout élément de navigation peut-il être identifié facilement (SW-15a) ? Offre-t-on un texte ou une image avec un texte de remplacement pour tout contenu faisant appel à une perception sensorielle pour communiquer une information, indiquer une action, solliciter une réponse ou distinguer un élément visuel (SW-17a) ? |
Tout élément de navigation peut-il être identifié facilement (DT-10a) ? Offre-t-on un texte ou une image avec un texte de remplacement pour tout contenu faisant appel à une perception sensorielle pour communiquer une information, indiquer une action, solliciter une réponse ou distinguer un élément visuel (DT-12a) ? |
Dans une animation Web, tout élément de navigation peut-il être identifié facilement (M-13a) ? Offre-t-on un texte ou une image avec un texte de remplacement pour tout contenu faisant appel à une perception sensorielle pour communiquer une information, indiquer une action, solliciter une réponse ou distinguer un élément visuel (M-15a) ? |
Critère 10.6 [Bronze] Dans chaque page Web, chaque lien dont la nature n'est pas évidente est-il visible par rapport au texte environnant ?
|
La comparaison entre les standards SGQRI et WCAG 2.0
Les exigences des standards SGQRI à propos des éléments de navigation constituent une application spécifique du critère de succès 1.4.1. Les autres aspects touchant à l'utilisation de la couleur sont plutôt traités avec les exigences portant sur la perception sensorielle pour le critère de succès 1.3.3.
Dans ce contexte, un site Web conforme aux standards SGQRI est également conforme au WCAG 2.0. Réciproquement, un site Web qui est conforme au critère de succès 1.4.1 est également conforme aux standards SGQRI.
Voir aussi :
- Comprendre la règle 1.4 [Distinguable]
- Comprendre le critère de succès 1.4.1 [Utilisation de la couleur]
Retour en haut de page