Comment vérifier que le contraste entre deux éléments répond aux recommandations WCAG dans Sketch

Si vous utilisez Sketch et vous voulez valider que le contraste entre votre texte et son fond répond bien aux recommandations de lisibilité du WGCA, je vous invite à installer le petit plugin Color Contrast Analyser.

Une fois le plugin installé, il vous suffira de sélectionner deux éléments puis de cliquer sur Plugins puis Color Contrast Analyser. Une petite pop-up devrait apparaitre en bas de la page vous indiquant si le contraste répond aux niveaux d’accessibilité AA ou AAA.

Si jamais vous ne sélectionnez pas deux éléments mais juste un seul, le plugin fera le calcul de différence de contraste avec la couleur de fond du Artboard sur lequel il se trouve.

Vous n’aurez ainsi plus d’excuse pour ne pas rendre vos textes lisibles et accessibles à tous.

Si vous ne connaissez pas les recommandations d’accessibilité WGCA et que vous voulez en savoir plus vous pouvez lire la documentation en français.