Les « CSS Overview » des DevTools de Chrome signalent des problèmes de contraste avec 10 combinaisons de couleurs sur la page des versions, dont 6 sont graves (les ratios sont inférieurs même aux minimums WCAG AA). Voici ces combinaisons :
- Les couleurs mentionnées précédemment de la carte « Highlights », avec du texte blanc sur
--color-feature - Le lien « ← Retour aux versions », avec du texte bleu moyen sur fond noir, et un ratio de contraste de seulement 3,9:1
- Le bouton d’expansion « show » sur la carte des correctifs de sécurité, avec du petit texte blanc à 80 % d’opacité sur fond rouge, et un ratio de contraste de seulement 4,01:1. (Le reste du texte des correctifs de sécurité passe avec un ratio de 5,43:1, car il n’est pas semi-transparent.)
- Le badge « DEV », avec du texte blanc sur un fond gris-vert de couleur
#7f8c8d, ratio de contraste 3,47:1 - Toutes les dates de commit et autres éléments
--text-muted(#888) sur--bg-card(#2d2d2d), ratio de contraste 3,08:1 - Les badges « Security », avec du texte blanc sur
#d36500(essentiellement orange), ratio de contraste 4,16:1.
Oh, et si j’avais fait défiler plus loin, il y aurait aussi le badge « Traductions », avec du texte blanc sur #e91e63 (magenta brillant radioactif), ratio de contraste 4,34:1.