🐞 Bug: 9.1.4.3 Badge: Textkontrast ist zu gering

[fohi17]

Note

• Ich achte beim Erstellen des Issues darauf, dass ich keine fachlichen und unternehmensinternen Details preisgebe.

---

Textkontrast von Badges ist zu gering

Beschreibung des Fehlers

Der Textkontrast von blauen Badges (4,1:1) und grünen Badges (4,4:1) ist unter 4,5:1 und ist daher nicht ausreichend.

Hinweis: Der Kontrast des roten Badge ist 6,7:1 und daher unter der AAA-Grenze.

Reproduktion

Style: BMF, Z2
Komponente: badge basic (https://public-ui.github.io/sample-react/#/badge/basic)
Version: v2.0.0-rc.6

Schritte zum Reproduzieren des Verhaltens:

• Kontrastmessung mit dem Color Contrast Analyser

Erwartetes Verhalten

Der Kontrast muss mindestens über 4,5:1 sein (im Idealfall über 7:1).

[deleonio]

Die Badges sollten alle min. 7:1 haben. Dafür ist ein Algorithmus zuständig. Er berücksichtigt jedoch nicht die Schrifdicke.

Bitte nachlesen.

[deleonio]

Die Dev-Tools bestätigen den Fehler.

Bitte für unserer Beispielfarben mit ausreichend Kontrastabstand wählen. Farben aus dem mittleren Spektrum können weder zu schwarz noch zu weiß genügend Kontrast haben.

[fohi17]

Huhu @deleonio & @sdvg. Kann man das wieder auf machen oder noch korrigieren? Die Farben in der "badge basic" Komponente haben jetzt einen Kontrast von 7:1, bei "badge button" sehe ich aber noch die alten Farben : )

[sdvg]

Danke @fohi17! Ich habe hier ein Followup-Ticket angelegt und werde mich zeitnah darum kümmern: #5622