Textkontrast

Silktide misst den Farbunterschied zwischen dem Text auf Ihren Seiten und dem Hintergrund dahinter und meldet Text, der dem Hintergrund farblich zu ähnlich ist, um ihn angenehm lesen zu können. Dies ist der Mindeststandard für den Kontrast, den die meisten Barrierefreiheitsgesetze verlangen.

Warum das wichtig ist

Text mit geringem Kontrast ist eines der häufigsten Barrierefreiheitsprobleme im Web – und eines der schädlichsten. Menschen mit Sehbeeinträchtigungen, ältere Leserinnen und Leser sowie alle, die einen Bildschirm bei hellem Sonnenlicht oder mit niedriger Helligkeit verwenden, können hellgrauen Text auf Weiß praktisch unsichtbar finden. Da Mindestkontraste Teil der sind – dem Standard, auf den sich die meisten Gesetze und Verträge beziehen –, führt ein Verstoß auch zu rechtlichen Risiken.

So beheben Sie das

Dunkeln Sie den Text ab oder hellen Sie den Hintergrund auf (oder umgekehrt bei dunklen Designs), bis das Paar das erforderliche Verhältnis erreicht. Jeder Befund zeigt die beiden Farben, das gemessene und das geforderte Verhältnis.
Ändern Sie die Farbe in den Stylesheets oder Theme-Einstellungen Ihrer Website statt auf einzelnen Seiten, damit die Korrektur überall gilt, wo dieser Stil verwendet wird.
Wenn ein Befund für Sie akzeptabel ist – zum Beispiel platzhalterähnlicher Text, der absichtlich zurückgenommen ist – können Sie ihn stattdessen .

So testet Silktide dies

Untersucht jedes sichtbare Textstück auf der Seite und überspringt ausgeblendeten Text, Text in SVG-Grafiken sowie alle Elemente, die Sie von der Prüfung ausgeschlossen haben.
Ermittelt die effektive Textfarbe und Hintergrundfarbe unter Berücksichtigung von Transparenz und übergeordneten Elementen. Nur Text über einer einfarbigen Hintergrundfarbe wird hier gemessen; Text über Bildern oder Verläufen wird unter Textkontrast über Bildern behandelt.
Berechnet das Kontrastverhältnis zwischen den beiden Farben.
Meldet Text unter dem erforderlichen Minimum: 4,5:1 für normalen Text oder 3:1 für großen Text. Text gilt als groß, wenn er mindestens 18 Punkte (24 Pixel) oder mindestens 14 Punkte (etwa 19 Pixel) mit fetter Schrift (600 oder stärker) hat.

Fehlerbehebung

Text über einem Foto oder Verlauf wird hier nicht gemeldet

Wenn der Hintergrund ein Bild oder ein Verlauf ist, gibt es keine einzelne Hintergrundfarbe zum Messen. Diese Fälle werden daher separat unter Textkontrast über Bildern gemeldet.

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

Diese Prüfung testet das WCAG-Erfolgskriterium 1.4.3 (Stufe AA), das weithin geforderte Minimum. Eine strengere Version auf Stufe AAA, Erfolgskriterium 1.4.6, wird durch Hoher Textkontrast geprüft. Beide Prüfungen teilen sich Ihre Entscheidungen: Wenn Sie einen Befund in der einen genehmigen oder ignorieren, gilt dies auch für denselben Befund in der anderen.

Der Text sieht für mich in Ordnung aus

Kontrast, der auf Ihrem Bildschirm akzeptabel aussieht, kann für andere dennoch unzureichend sein – Monitore, Helligkeitseinstellungen und Sehvermögen variieren stark. Das gemessene Verhältnis ist objektiv; verlassen Sie sich darauf statt auf den visuellen Eindruck.