Die „CSS Oveview"-Funktion in den Devtools von Chrome meldet Kontrastprobleme bei 10 Farbkombinationen auf der Releases-Seite, davon 6 schwerwiegend (die Verhältnisse liegen sogar unter den Mindestanforderungen von WCAG AA). Es handelt sich um:
- Die oben genannten „Highlights"-Kartenfarben mit weißem Text auf
--color-feature - Der Link „← Zurück zu Versionen" mit mittelblauem Text auf schwarzem Hintergrund, Kontrastverhältnis nur 3,9:1
- Der „Anzeigen"-Aufklapp-Schalter auf der Karte für Sicherheitsupdates mit weißem Text in 80 % Deckkraft auf rotem Hintergrund, Kontrastverhältnis nur 4,01:1. (Der Rest des Textes zu Sicherheitsupdates besteht mit 5,43:1, da er nicht halbtransparent ist.)
- Das „DEV"-Abzeichen mit weißem Text auf einem graugrünen Hintergrundfarbton von
#7f8c8d, Kontrastverhältnis 3,47:1 - Alle Commit-Daten und weitere
--text-muted(#888) auf--bg-card(#2d2d2d), Kontrastverhältnis 3,08:1 - Die „Security"-Abzeichen mit weißem Text auf
#d36500(im Wesentlichen orange), Kontrastverhältnis 4,16:1.
Ach ja, und wenn ich weiter gescrollt hätte, auch das „Translations"-Abzeichen mit weißem Text auf #e91e63 (radioaktiv leuchtendes Magenta), Kontrastverhältnis 4,34:1.