Les couleurs et l'accessibilité

Voir le sujet précédent Voir le sujet suivant Aller en bas

Les couleurs et l'accessibilité

Message par methodiX le Sam 19 Juin - 18:50

Les couleurs et l'accessibilité





Alors que les
daltoniens représentent environ 8% de la population masculine française,
quelques règles s'imposent pour bien choisir les couleurs d'une page
Web.
En France, la proportion de daltoniens est d'environ 8% chez les
hommes et 0,45% chez les femmes (source Wikipédia). Plus de 10% de la
population masculine est daltonienne dans le monde, et affectée par une
perception des couleurs déficiente. Il existe différentes formes de
cécité des couleurs : rouge-vert, vert-brun, et ainsi de suite... Bien
entendu, il est très difficile, voire impossible d'éviter de mettre sur
son site toutes les couleurs qui pourraient être mal perçues. Cependant,
il est à la portée de tout le monde de faire en sorte que les pages
soient lisibles par tous, quel que soit le handicap visuel. La première
méthode et la plus simple à mettre en œuvre est l'emploi d'un contraste
élevé entre l'arrière plan et les couleurs utilisées pour le contenu de
la page.
[Vous devez être inscrit et connecté pour voir cette image]

Comparaison des choix de couleurs en termes de contraste. © Alsacreations


Dans cet exemple on voit bien que C et E sont plus facilement
lisibles parce que le contraste est assez fort. L'affichage de votre
page en niveaux de gris peut montrer si oui ou non il y a suffisamment
de contraste. Il existe également plusieurs outils en ligne pour
effectuer des tests : Snook
Color Contratst Checker
permet d'indiquer si la
différence de contraste entre les couleurs est suffisante pour les
différents types de daltonisme, en précisant la conformité aux critères
WCAG 2.
[Vous devez être inscrit et connecté pour voir cette image]
Copie
d'écran de Snook Color Contratst Checker . ©
Alsacreations
[Vous devez être inscrit et connecté pour voir ce lien]
permet de simuler la vision d'une palette de couleurs par un daltonien
grâce à l'outil "vision simulation".
[Vous devez être inscrit et connecté pour voir cette image]
Copies
d'écran de ColorSchemeDesigner. © Alsacreations

En plus de faire attention aux couleurs
employées, je vous rappelle qu'il est important de garder à l'esprit que
la couleur ne soit jamais la seule indication de sens. Par exemple :

En
savoir plus





Distinguer
les liens du texte normal en les soulignant, Ne pas conditionner les actions de l'utilisateur
en faisant appel aux couleurs (ex : "cliquez sur le bouton rouge"),
Toujours prévoir une alternative texte
pour les images (attribut alt), Le
texte ne doit pas être remplacé par une image (sans alternative) pour
permettre à l'utilisateur de l'agrandir ou d'utiliser sa propre feuille
de style contrastée.

_________________
Sami - Methodix, tunis
Le génie de Newton a consisté à dire que la lune tombe alors que tout le monde voit bien qu'elle ne tombe pas.
(Paul Valéry)
_____
[Vous devez être inscrit et connecté pour voir ce lien]
[Vous devez être inscrit et connecté pour voir ce lien]
avatar
methodiX
Admin
Admin

Masculin
Nombre de messages : 1260
Localisation : Le couloir de l'école polytechnique de Tunis
Réputation : 68
Points : 4722
Date d'inscription : 22/03/2007

Feuille de personnage
Capacité linguistique:
1000/1000  (1000/1000)

Revenir en haut Aller en bas

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum