Ich hab das Problem auch mit Astroid. Wenn ich das Plugin aktiviere, kriege ich 10 Contrast Errors (mit WAVE). Wenn ich dann das Plugin so einstelle, dass für die Icons "Google Material Font" verwendet werden soll, gibt's immerhin einen Error weniger, weil das Rollstuhl-Icon einen besseren Kontrast hat. Die restlichen 9 Errors resultieren offenbar aus den 9 Menüeinträgen der Bedienhilfen, da ist der Kontrast zwischen Text und Hintergrund wohl nicht ausreichend.
Unter github.com/ranbuch/accessibility hab ich eine Doku dazu gefunden. Unter Customize Styling hab ich folgendes gefunden als Beispiel für dark mode:
:root {
--_access-menu-background-color: #000;
--_access-menu-item-button-background: #222;
--_access-menu-item-color: rgba(255,255,255,.6);
--_access-menu-header-color: rgba(255,255,255,.87);
--_access-menu-item-button-active-color: #000;
--_access-menu-item-button-active-background-color: #fff;
--_access-menu-div-active-background-color: #fff;
--_access-menu-item-button-hover-color: rgba(255,255,255,.8);
--_access-menu-item-button-hover-background-color: #121212;
--_access-menu-item-icon-color: rgba(255,255,255,.6);
--_access-menu-item-hover-icon-color: rgba(255,255,255,.8);
--_access-menu-item-active-icon-color: #000;
}
Also hab ich mir gedacht, wenn ich access-menu-iten-color auf #000000 setze, sollte der Kontrast wohl ausreichen...
Aber wohin damit. Ich dachte, ich schreibs mal ins benutzerdefinierte CSS an den Anfang:
:root {
--_access-menu-item-color: #000000;
}
Bringt aber keine Änderung. Meine CSS-Kenntnisse reichen da leider nicht aus.
Hat da jemand eine Idee, was ich falsch mache?
Viele Grüße
