BSVÖ: Barrierefrei erklärt! Lesbarkeit und Farbkontraste Teil 1
barrierefei erklärt © BSVÖ
Logo "barrierefei erklärt"
Was ist Ihre Lieblingsfarbe? Die perfekte Farbwahl ist nicht nur eine Frage des Geschmacks – sie ist entscheidend für die Lesbarkeit von Texten. Ob in Print oder Web: Der richtige Farbkontrast sorgt dafür, dass Inhalte für alle gut lesbar sind, insbesondere für Menschen mit Sehbeeinträchtigungen. Worauf dabei zu achten ist und welche Farbkombinationen ideal sind, haben wir für Sie zusammengefasst!
Weiß auf Hellgrau – „Hilfe, ich sehe nichts!“
Vielleicht ist es Ihnen auch schon passiert: Sie möchten etwas auf einer Website lesen, doch die Schrift ist hellgrau auf weißem Hintergrund – kaum zu entziffern! Oder ein Flyer sieht zwar schick aus, aber die pastellfarbene Schrift verschwindet im Hintergrund. Solche Farbkombinationen machen es besonders für Menschen mit eingeschränktem Sehvermögen schwer, die Inhalte wahrzunehmen.
Gute Kontraste für bessere Lesbarkeit
Farbkontraste spielen eine zentrale Rolle für die Lesbarkeit. Die Web Content Accessibility Guidelines (WCAG) geben klare Vorgaben für Mindestkontrastwerte, um die Sichtbarkeit zu optimieren:
Normalgroßer Text: Der Kontrast zwischen Schriftfarbe und Hintergrund sollte mindestens 4,5:1 betragen (AA-Standard). Ein besserer Wert von 7:1 (AAA-Standard) sorgt für maximale Klarheit.
Großer Text (ab 18 pt oder 14 pt fett): Hier sollte der Kontrast mindestens 3:1 (AA-Standard) und idealerweise 4,5:1 (AAA-Standard) betragen.
Was bedeutet ein Kontrastverhältnis von 3:1 oder 4,5:1? Diese Werte beziehen sich auf das Verhältnis der Helligkeit zwischen der Schriftfarbe und dem Hintergrund. Je höher die Zahl, desto größer der Unterschied, was die Lesbarkeit verbessert. Um die Kontraste zu testen, können praktische Tools wie der Siteimprove Color Contrast Checker verwendet werden.
Fazit
Ein gut lesbarer Text beginnt mit der richtigen Farbkombination. Hohe Kontraste erleichtern das Lesen für alle – besonders für Menschen mit Sehbeeinträchtigungen. Also: Beim nächsten Design nicht nur an Ästhetik denken, sondern auch an die Lesbarkeit! Haben Sie Fragen? Schreiben Sie uns – wir helfen Ihnen gerne weiter: office@blindenverband.at
Weiterführende Links zum Thema
Color Contrast Checker: https://www.siteimprove.com/toolkit/color-contrast-checker/
Kontrastrechner für Printmaterialien: https://leserlich.info/kontrastrechner
WCAG: https://www.w3.org/Translations/WCAG20-de/