Hetrex IT und Medien Studio

Websites und Entwicklung · Praxistipp

Lesbare Kontraste gehören zur Qualität einer Markenwebsite

Zurückhaltende Farben können gut aussehen und trotzdem schwer lesbar sein. Text und Bedienelemente brauchen ausreichende Kontraste.

Julia Grüner1 Min. Lesezeit

Hellgrauer Text auf Weiß oder eine feine Beschriftung auf einem Foto kann eine Website elegant wirken lassen. Für manche Besucher wird der Inhalt dadurch aber schwer zugänglich. Kontrast beschreibt den wahrnehmbaren Unterschied zwischen Vordergrund und Hintergrund und lässt sich systematisch prüfen.

Die WCAG erläutern Mindestanforderungen an Textkontraste und unterscheiden dabei unter anderem nach Textgröße. Für die Praxis genügt es nicht, nur die Markenfarbpalette anzusehen. Relevant sind die tatsächlich verwendeten Kombinationen, einschließlich Schaltflächen, Platzhalter, Hoverzustände und Text über Bildern. Wechselnde Hintergrundmotive können einen vorher lesbaren Bereich unlesbar machen.

Empfehlung für Unternehmen

Prüfen Sie zuerst Fließtext, Kontaktwege und zentrale Aktionen mit einem geeigneten Kontrastwerkzeug. Kontrollieren Sie danach die Darstellung auf einem gewöhnlichen Smartphone. Verbessern Sie problematische Kombinationen innerhalb des Markensystems, statt wichtige Hinweise durch Größe oder Farbe unauffindbar zu machen.

Quelle: W3C WCAG Contrast Minimum

Originalquellen

Letzte Faktenprüfung: 2026-10-27

Website und Benutzerführung prüfen lassen

Mit Hetrex sprechen

Weiterlesen

Websites und EntwicklungNachricht

Chrome vereinfacht die Ausgabe digitaler Nachweise

Die Digital Credentials API unterstützt die Übergabe neuer Nachweise an Wallet-Apps. Der Einsatz erfordert weiterhin passende Anbieter und Abläufe.

1 Min.