WCAG-Leuchtdichtekontraste – aktuelle Praxis, was ist das?

Ich habe versucht, diese Frage in einer anderen Gruppe zu stellen , bekam aber einen Hinweis, dass diese Gruppe vielleicht besser geeignet ist.

Ich habe gerade ein kleines Tool geschrieben, um den Luminanzkontrast (WCAG) auf einer Webseite zu überprüfen. Beim Testen war ich überrascht zu sehen, dass viele Websites (z. B. Facebook) einen Kontrast von nur 2,7 verwenden, wobei der empfohlene Kontrast 4,5 (WCAG2 AA) beträgt.

Es gibt viele Seiten, die das tun (zum Beispiel diese hier ;-) ). Es scheint, als gäbe es einen praktischen Konsens. Für einen Designer scheint es schwierig zu sein, die Verwendung eines geringeren Kontrasts bei einigen Elementen zu vermeiden.

Dieser Beitrag griff ein etwas ähnliches Problem auf. Gibt es eine Dokumentation über diese Praxis mit Kontrast bei der Verwendung von Kontrast mit geringer Luminanz? Eine Recherche oder eine Empfehlung beim W3C, die ich nicht finden kann?

Ich hoffe, mein kleines Tool macht das nicht falsch. ;-)

Antworten (1)

Viele Websites (z. B. Facebook) verwenden einen Kontrast von nur 2,7, wobei der empfohlene Kontrast 4,5 (WCAG2 AA) beträgt.

Interessante Frage.

Darf ich Sie fragen, wo Sie das 2,7:1-Verhältnis der Benutzeroberfläche von Facebook gefunden haben?

4,5:1 ist der empfohlene Kontrast „zwischen Text (und Bildern von Text) und Hintergrund hinter dem Text“ , also habe ich diesen Beispiel-Facebook-Post überprüft:

Geben Sie hier die Bildbeschreibung ein

Das Ergebnis ist:

  • Hintergrundfarbe ist #fff;
  • Vordergrundfarbe ist #141823;
  • Das Kontrastverhältnis beträgt 17,73:1 (Stufe AAA).

In der Seitenleiste:

Geben Sie hier die Bildbeschreibung ein

  • Hintergrundfarbe ist #E9EAED;
  • Vordergrundfarbe ist #333;
  • Das Kontrastverhältnis beträgt 10,50:1 (Level AAA).

Ich habe fast überall auf der Facebook-Benutzeroberfläche ähnliche Verhältnisse gefunden, daher würde ich gerne mehr darüber erfahren, wo und wie Sie den Kontrast gemessen haben.

Danke für deine Antwort Eleonora. Ich benutze ein Tool, das ich selbst gemacht habe. Es ist ein Bookmarklet, YAVB-C , das noch nicht ganz fertig ist. Aber ich denke, man kann damit ein bisschen testen. Zum Beispiel scheint der Text „GROUPS“ in der linken Spalte auf Facebook einen geringen Kontrast zu haben (2,7). Vielleicht habe ich einen Fehler gemacht? Ich würde mich freuen, wenn Sie die von Ihnen verwendeten Tools testen und mit ihnen vergleichen.
WCAG-Leuchtdichtekontraste – aktuelle Praxis, was ist das?
AntwortenHierDatenschutz-Bestimmungen1y, 1v