Hoher Textkontrast

Silktide misst den Farbunterschied zwischen dem Text auf Ihren Seiten und dem Hintergrund dahinter und meldet Text, der den strengsten Barrierefreiheitsstandard für Kontrast unterschreitet. Dies geht über das gesetzlich vorgeschriebene Minimum hinaus, damit Menschen mit erheblichen Sehbeeinträchtigungen Ihre Inhalte lesen können.

Warum das wichtig ist

Das Mindestmaß an Kontrast hilft den meisten Lesern, aber Menschen mit stärkerem Sehverlust - etwa der mit einer Sehschärfe von 20/80 verbundenen - benötigen einen stärkeren Unterschied zwischen Text und Hintergrund. Das Erreichen des erweiterten Standards macht Ihre Inhalte für diese Nutzer lesbar, ohne dass sie Vergrößerung oder andere benötigen.

Dies ist ein . Die meisten Organisationen müssen es nicht erfüllen, und es ist möglicherweise nicht auf einer gesamten Website praktikabel, aber es ist überall dort wertvoll, wo Sie es erreichen können - besonders für Inhalte, die sich an ältere Zielgruppen oder Menschen mit Behinderungen richten.

So beheben Sie das

Verdunkeln Sie den Text oder hellen Sie den Hintergrund auf (oder umgekehrt bei dunklen Designs), bis das Paar das erforderliche Verhältnis erreicht. Jede Feststellung zeigt die beiden Farben, das gemessene und das erforderliche Verhältnis.
Ändern Sie die Farbe im Stylesheet Ihrer Website oder in den Theme-Einstellungen statt auf einzelnen Seiten, damit die Korrektur überall dort greift, wo dieser Stil verwendet wird.
Wenn das Erreichen des AAA-Standards für Ihr Design nicht praktikabel ist, können Sie Feststellungen , vorausgesetzt, Sie erfüllen weiterhin das AA-Minimum, das von Textkontrast getestet wird.

Wie Silktide dies testet

Untersuchen Sie jeden sichtbaren Text auf der Seite und überspringen Sie versteckten Text, Text innerhalb von SVG-Grafiken und alle Elemente, die Sie von der Prüfung ausgeschlossen haben.
Ermitteln Sie die effektive Textfarbe und Hintergrundfarbe unter Berücksichtigung von Transparenz und übergeordneten Elementen. Nur Text über einer einfarbigen Hintergrundfarbe wird gemessen; Text über Bildern oder Verläufen kann nicht automatisch gemessen werden.
Berechnen Sie das Kontrastverhältnis zwischen den beiden Farben.
Melden Sie Text unterhalb des erweiterten Mindestwerts: 7:1 für normalen Text oder 4.5:1 für großen Text. Text gilt als groß, wenn er mindestens 18 Punkt (24 Pixel) beträgt oder mindestens 14 Punkt (etwa 19 Pixel) mit einem fetten Schriftschnitt (600 oder stärker).

Fehlerbehebung

Dies ist die AAA-Version von zwei verwandten Prüfungen

Diese Prüfung testet das WCAG-Erfolgskriterium 1.4.6 (Stufe AAA). Die weitaus häufiger geforderte Version auf Stufe AA, Erfolgskriterium 1.4.3, wird mit niedrigeren Schwellenwerten (4.5:1 und 3:1) von Textkontrast geprüft. Streben Sie zunächst an, die AA-Prüfung überall zu bestehen. Die beiden Prüfungen teilen sich Ihre Entscheidungen: Das Genehmigen oder Ignorieren einer Feststellung in der einen gilt auch für dieselbe Feststellung in der anderen.

Viele Feststellungen über die gesamte Website hinweg

Das Verfehlen von 7:1 ist häufig - viele beliebte Farbpaletten erreichen diesen Wert nicht. Beheben Sie zuerst die meistgelesenen Inhalte (Navigation, Fließtext auf wichtigen Seiten) und betrachten Sie den Rest als Entscheidung im Designsystem statt als seitenweise Änderungen.