Astuce : mesurer le contraste avec Chrome
Le contraste est important pour tous vos visiteurs, surtout sur mobile. Pour que tout soit lisible, le rapport de contraste entre la couleur du texte et celle de l'arrière-plan doit être de 4,5 minimum. Pour les plus grands textes comme les titres, le ratio minimum est de 3. Il existe de nombreux outils pour vérifier le contraste.
L'extension Accessibility Developer Tools dans le navigateur Chrome fournit un outil de test qui vérifie automatiquement le contraste et suggère des valeurs de couleurs qui sont suffisamment contrastées.
Pour l'utiliser, ouvrez l'inspecteur de code de Chrome (F12). Dans la section éléments de l'inspecteur de code, sélectionnez le paragraphe à examiner. Dans le panneau de droite de l'inspecteur, sélectionnez l'onglet Accessibility Properties.
La valeur du contraste s'affiche (3,31 dans l'exemple ci-dessus) ainsi que d'éventuelles suggestions (#00838d/#ffffff dans l'exemple) en cas de contraste insuffisant.
|