ibin
Meist schwerLesezeit: 2 Min.

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

  1. Bestimmen Sie die Textfarbe und die Farbe direkt dahinter.

  2. Streben Sie mindestens 4,5:1 für normalen Text und 3:1 für großen Text an.

  3. Prüfen Sie auch Links, Schaltflächen, Platzhaltertexte, Hover-Effekte und Text auf Bildern.

Beispiel

Vorher
.intro {
  color: #8a9b93;
  background: #ffffff;
}
Nachher
.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