Nouvel outil de vérification du contraste des couleurs selon les WCAG 2.0
Par Victor Brito, le samedi 12 décembre 2009, à 21h09 - Catégorie Accessibilité - Lien permanent
Cela fait un an que les WCAG 2.0 ont acquis le statut de recommandation (qui fut ensuite traduite en français). Bon nombre d'évolutions et de changements se présentent par rapport aux WCAG 1.0, dont l'algorithme utilisé pour évaluer le contraste des couleurs.
Le nouvel algorithme utilisé ne se base plus sur les notions de différence de couleur et de différence de luminosité, mais sur la notion de ratio de contraste, lui-même basé sur la luminosité relative des couleurs.
Afin de faciliter l'évaluation du contraste des couleurs dans l'esprit des WCAG 2.0, un nouvel outil de vérification de contraste des couleurs est désormais disponible (celui basé sur l'algorithme préconisé dans les WCAG 1.0 restera toujours en ligne).
Le principe reste le même : vous saisissez le code hexadécimal à six chiffres (sans le dièse initial) respectif de la couleur de premier-plan et de celle d'arrière-plan que vous souhaitez utiliser dans vos feuilles de style ou dans vos maquettes graphiques. Une fois le formulaire soumis, le verdict tombe, qui indique si le contraste est suffisant selon le contexte : texte agrandi ou pas, texte en gras ou pas, contraste minimum (niveau AA des WCAG 2.0) ou amélioré (niveau AAA des WCAG 2.0).
Les notations raccourcies du code hexadécimal, lorsqu'elles existent (par exemple, #369 pour #336699), sont autorisées. En revanche, les mots-clés de couleur utilisés en CSS ne peuvent être utilisés, ni le code décimal (par exemple : 128, 128, 255). Pour rappel, les mots-clés de couleur en CSS correspondent aux codes hexadécimaux suivants :
maroon:#800000,red:#ff0000(ou#f00),orange:#ffa500,yellow:#ffff00(ou#ff0),olive:#808000,purple:#800080,fuchsia:#ff00ff(ou#f0f),white:#ffffff(ou#fff),lime:#00ff00(ou#0f0),green:#008000,navy:#000080,blue:#0000ff(ou#00f),aqua:#00ffff(ou#0ff),teal:#008080,black:#000000(ou#000),silver:#c0c0c0,gray:#808080.
