Color Contrast Checker Monsido

    Comment l’utiliser ?

Pas de téléchargement long, fastidieux et prenant de la place sur votre support. En ligne vous pourrez tenter de trouver le meilleur accord de couleurs afin de rendre vos productions accessibles. Ici nous n’allons utiliser qu’une petite partie de ce site. Nous n’utiliserons que l’outil contraste de couleurs. En arrivant sur le site, vous serez directement plongé dans l’environnement de travail. Deux cadres de dégradé de couleurs vous sont proposés, vous pourrez y déplacer un point afin d’obtenir la couleur désirée (couleurs du premier plan et de l’arrière plan). En même temps, vous pourrez aussi vous situer sur une ligne de dégradé des couleurs, mais vous pourrez aussi entrer le code hexadécimal de la teinte (# FFF000) et de la proportion des trois couleurs de base. Bref tout un panel de possibilités de choisir le bon ton. En temps réel vous aurez l’aspect final de la juxtaposition des contrastes. Si cela ne suffisait pas, un tableau vous donne l’adéquation avec le standard de contraste reconnu internationalement dans la communauté Web, le WCAG(1). Sous le résultat proposé se trouve le rapport de contrastes. Ce rapport est la proportion entre le « poids » de la couleur la plus sombre et le poids de la couleur la plus lumineuse. Il est intéressant d’avoir une faction plus grande. Au plus le rapport est élevé, au mieux le contraste est bon. Enfin, en fin de page vous trouverez quelques petites explications, quelques petits conseils pour vous aider à rendre votre page Web plus accessible.

(1) Web Content Accessibility Guidelines ou en français ‘Règles d’accessibilité pour les contenus web’, règles d’accessibilité Web officiellement édictées par le W3C (World Wide Web Consortium) (société qui tente d’harmoniser et de rendre compatible les différents formats web disponibles.

   Astuce(s)

Ici les concepteurs du site ont poussé la comparaison des contrastes au maximum en proposant de placer dans un tableau le WCAG AA (acceptable) ou WCAG AAA (très bien) façon assez rapide d’optimaliser au mieux vos couleurs choisies. Ici, le test propose de croiser ces possibilités avec la taille des polices (grandes, petites) et des composants. Si V vert ok, si croix rouge pas bon.

    Protection de données personnelles

Lightbeam a détecté près de 10 connexions avec des sites tiers susceptibles de récolter vos données, dont deux vers Google. Dans leur politique de confidentialité, il est écrit qu’ils collectent des informations personnelles avec votre accord, mais aussi sans votre accord pour les communiquer à leurs services. Cela me laisse très très circonspect.