search

BITS-Training / BITS-hugo

BITS-Quellcode, auch für das hugo-Tool zum Erzeugen statischer HTML-Seiten
https://www.bits-training.de
Other
13 stars 6 forks source link

Barrierearmut - Kontrast "Notice" #112

Closed BITS-Editor closed 1 month ago

BITS-Editor commented 2 years ago

Gemäß der FF-Erweiterung "WCAG - Contrast checker" ist bei den "Notices" der Kontrast nicht ausreichend. Hier müssten wohl anderen Hintergrundfarben gewählt werden.

BITS-Editor commented 1 year ago

@andi-blafasl prüft das.

BITS-Editor commented 1 year ago

Die Änderungen müssen anscheinend in theme/hugo-theme-relearn/static/css/theme.css unter div.notices.note { border-color: #BF8B44; background-color: #FFF2DB;

und div.notices.tip { border-color: #5AA55A; background-color: #E6F9E6;

vorgenommen werden.

BITS-Editor commented 1 year ago

Ich habe den Wert für notices.note geändert. Leider sind meine Kontrast-Tools nicht aussagefähig, ob das genügt. border-color: #7a4900; background-color: #ffedd2;

Ein Push ist mir nicht möglich. Schon das Stagen der Datei geht nicht. Sie wird in Git-Extensions mit einem roten Ausrufezeichen rechts oben angezeigt.

andi-blafasl commented 1 year ago

Auch hier würde ich die Meinung von den Experten abwarten. So dunkel wie man das laut WAVE-Tool machen muss, da können wir gleich schwarz/weiß machen... image

so ist das deutlich schöner: image

Ich denke auch, es ist wichtiger eine schöne Farbe bei der Box zu verwenden ist wichtiger als ob jemand mit Kontrastproblemen das "Achtung" gut lesen kann. Der wichtige Inhalt in der Box hat ja ein passendes Kontrastverhältnis.

BITS-Editor commented 1 year ago

Mit der neuen Kontrast-Auswahl ist das Problem vielleicht gelöst. Wir warten mal die Prüfung bei der Erklärung zur Barrierefreiheit ab.

BITS-Editor commented 1 month ago

Mit dem Modus "Hoher Kontrast" gibt es keine Warnung mehr! Gelöst!