Outils · Accessibilité
Contrast Ratio
Calculateur de contraste WCAG conçu à l’origine par Lea Verou, qui accepte les couleurs CSS.
Contrast Ratio est un calculateur de contraste entre deux couleurs, conçu à l’origine par Lea Verou. L’outil est désormais hébergé sur le site de l’agence de marketing de contenu Siege Media.
Il calcule le rapport de contraste entre une couleur de texte et une couleur de fond selon les règles d’accessibilité WCAG, et le résultat se met à jour à mesure que l’on saisit les couleurs. Il accepte les formats de couleur CSS, comme les noms, les valeurs hexadécimales, RGB ou HSL. Un rapport supérieur à 4,5 pour 1 est considéré comme satisfaisant pour un texte courant. Une fonction permet d’échanger la couleur du texte et celle du fond. L’outil est gratuit.
Pour un·e graphiste, il permet de vérifier rapidement qu’une paire de couleurs reste lisible pour une interface, un document ou une charte graphique. Il compare deux couleurs unies et ne juge pas un texte posé sur une image ; il ne remplace pas une vérification complète de l’accessibilité d’une page.
Dans la même rubrique
-
A11y Project
a11yproject.com (site externe, nouvelle fenêtre)
Guides et listes de contrôle communautaires pour concevoir des sites et interfaces accessibles.
-
Accessible Colors
accessible-colors.com (site externe, nouvelle fenêtre)
Trouve des couleurs de texte et de fond conformes aux règles de contraste WCAG.
-
Coblis
color-blindness.com (site externe, nouvelle fenêtre)
Simulateur de daltonisme : on charge une image pour voir comment elle apparaît selon chaque type.
-
Color Review
color.review (site externe, nouvelle fenêtre)
Calcule le contraste de deux couleurs et indique leur conformité aux niveaux AA et AAA du WCAG.
-
Stark
getstark.co (site externe, nouvelle fenêtre)
Outils d’accessibilité pour Figma et navigateurs : contraste, simulation de daltonisme et audits.
-
WAVE
wave.webaim.org (site externe, nouvelle fenêtre)
Outil d’évaluation de l’accessibilité d’une page web, qui repère les erreurs directement sur le rendu.