Les couleurs et l'accessibilité

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
ColorSchemeDesigner
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




  • Contributions : Vos meilleures astuces pour assurer l'accessibilité d'un
    site Web


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 : 5031
Date d'inscription : 22/03/2007

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

Revenir en haut Aller en bas

Revenir en haut

- Sujets similaires

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