Outils · Accessibilité
WebAIM Contrast Checker
Vérificateur de contraste entre deux couleurs, avec ratio et conformité aux niveaux WCAG AA et AAA.
Le WebAIM Contrast Checker est un outil en ligne qui mesure le contraste entre une couleur de texte et une couleur de fond. Il est proposé par WebAIM, un organisme rattaché à l’Utah State University, aux États-Unis, consacré à l’accessibilité du web.
On saisit deux couleurs, ou on les choisit avec un sélecteur, et l’outil calcule le rapport de contraste. Il indique si la combinaison respecte les niveaux AA et AAA des règles WCAG, pour le texte normal, le grand texte et les composants d’interface. L’outil est gratuit et ne nécessite pas de compte.
Pour un·e graphiste, il sert à valider une palette, un texte sur image ou un bouton avant la livraison d’un projet web ou d’un support numérique. Il évalue le contraste de deux couleurs unies, mais ne gère pas les fonds en dégradé ou les images, qui demandent un contrôle supplémentaire.
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.
-
Contrast Ratio
siegemedia.com (site externe, nouvelle fenêtre)
Calculateur de contraste WCAG conçu à l’origine par Lea Verou, qui accepte les couleurs CSS.
-
Stark
getstark.co (site externe, nouvelle fenêtre)
Outils d’accessibilité pour Figma et navigateurs : contraste, simulation de daltonisme et audits.