Hallo zusammen,
zwei Punkte zur Oberfläche der Console.
1. Kein Dark-Theme
Meine Systemeinstellung steht auf Dark, die Console bleibt hell. Nachgemessen: prefers-color-scheme
dark wird vom Browser korrekt gemeldet, aber von den rund 6800 CSS-Regeln der Seite reagiert keine
einzige darauf. Es gibt auch keine .dark-Selektoren, keinen Umschalter im Benutzermenü und keinen
gespeicherten Theme-Zustand. Die Einstellung wird also nicht ignoriert – ein Dark-Theme existiert
schlicht nicht.
Interessanterweise wird prefers-reduced-motion sehr wohl ausgewertet. Da die Oberfläche bereits mit
Farbvariablen auf :root arbeitet, wäre ein zweiter Variablensatz vermutlich der kleine Weg.
2. Zustimmungs-Checkboxen bei der Registrierung kaum sichtbar
Auf /auth/sign-up habe ich die drei Pflicht-Kästchen in allen Zuständen ausgemessen (Farben aus
dem Screenshot ausgelesen, Kontrast gegen den weißen Hintergrund):
Ruhezustand, Rand #e5e7eb: 1,24 : 1 – verfehlt
mit Tastaturfokus, Rand #d1d1d1: 1,53 : 1 – verfehlt
angehakt, Füllung #056473: 6,83 : 1 – erfüllt
WCAG 2.1 SC 1.4.11 verlangt für Ränder von Bedienelementen mindestens 3 : 1. Der angehakte Zustand
ist einwandfrei, die beiden anderen liegen bei rund der Hälfte des geforderten Werts. Bei
Tageslicht verschwinden die leeren Kästchen vollständig.
Zwei getrennte Folgen:
Erstens sieht man nicht, dass dort überhaupt etwas anzuklicken ist. Da es drei Pflichtzustimmungen
sind, blockiert das die Registrierung, ohne dass erkennbar wird, woran es liegt.
Zweitens ist auch der Fokusindikator mit 1,53 : 1 zu schwach. Wer per Tastatur bedient, sieht kaum,
wo er gerade steht – das betrifft zusätzlich SC 2.4.7.
Im Anhang oben das Formular mit rot umrandetem Kästchen, darunter dasselbe Kästchen in den drei
Zuständen, achtfach vergrößert.
Hinweis: Ich teste eos weitgehend automatisiert und debugge gemeinsam mit Claude Code; daher die
Messwerte oben. Und weil es hier schon anklingt – ich fasse mich bewusst knapp, das ist der
Übersichtlichkeit geschuldet und nicht unhöflich gemeint.
Viele Grüße
Jonathan // Fabienne