Text gut lesbar machen
Verbessern Sie Text- und Hintergrundfarben, damit mehr Menschen Ihre Inhalte bequem lesen können.
Warum das wichtig ist
Text mit zu wenig Kontrast kann für Menschen mit Sehschwäche oder Farbsehschwäche verschwinden, ebenso für alle, die einen Bildschirm in hellem Licht benutzen.
So beheben Sie es
Bestimmen Sie die Textfarbe und die Farbe direkt dahinter.
Streben Sie mindestens 4,5:1 für normalen Text und 3:1 für großen Text an.
Prüfen Sie auch Links, Schaltflächen, Platzhaltertexte, Hover-Effekte und Text auf Bildern.
Beispiel
.intro {
color: #8a9b93;
background: #ffffff;
}.intro {
color: #46564f;
background: #ffffff;
}So prüfen Sie Ihre Korrektur
Prüfen Sie Ihre Seite noch einmal mit ibin. Das Problem verschwindet aus Ihrem Bericht, sobald alle Stellen behoben sind. Probieren Sie es danach selbst so aus, wie Ihre Besucher es tun würden.
- Prüfen Sie die Seite erneut und vergewissern Sie sich, dass das Problem nicht mehr im Bericht steht.
- Probieren Sie den korrigierten Teil selbst aus: mit der Maus, nur mit der Tastatur und vergrößert.
- Bitten Sie wenn möglich eine Person, die einen Screenreader nutzt, es ebenfalls auszuprobieren.
Für Entwickler
Standards: WCAG 1.4.3 (AA)
color-contrast · Hintergrundinformationen (auf Englisch)
Auch verfügbar auf English, Nederlands, Français