Kontrast als Gestaltungsmittel ist der bewusst eingesetzte Unterschied zwischen Elementen, in Größe, Farbe, Helligkeit, Form oder Gewicht. Er zeigt, was wichtig ist und was zusammengehört, und lenkt den Blick durch die Seite. Vom messbaren Kontrastverhältnis der Barrierefreiheit ist er zu unterscheiden, auch wenn beides eng zusammenhängt.
- Kontrast als Gestaltungsmittel
Der bewusst eingesetzte Unterschied zwischen Elementen, der Bedeutung und Reihenfolge sichtbar macht.
Beispiel: „Der Kontrast zwischen dem großen blauen Button und den grauen Textlinks zeigt sofort, welche Aktion gemeint ist.“Abgrenzung zum Kontrastverhältnis: Das Kontrastverhältnis misst den Helligkeitsunterschied zwischen Text und Hintergrund nach einer Formel. Kontrast als Gestaltungsmittel umfasst jede Art von Unterschied.
Welche Arten von Kontrast es gibt
Größenkontrast trennt Überschrift und Fließtext, Hell-Dunkel-Kontrast Figur und Grund, Farbkontrast einen Call-to-Action von seiner Umgebung. Dazu kommen Kontraste der Form, des Gewichts und der Richtung. Für Farben hat Johannes Itten 1961 eigene Kontrastarten beschrieben, die sieben Farbkontraste.
Kontrast und Barrierefreiheit
Für Text verlangen die WCAG ein Kontrastverhältnis von mindestens 4,5 zu 1, für große Schrift 3 zu 1. Bedienelemente und Grafiken brauchen ebenfalls 3 zu 1. Gerechnet wird mit der relativen Leuchtdichte; der Farbton allein zählt nicht. Text in Logos ist ausgenommen.
Wie viel Kontrast eine Seite verträgt
Kontrast wirkt nur vor einer ruhigen Umgebung. Stehen fünf Elemente gleich groß und gleich farbig nebeneinander, konkurrieren sie; ein einziger deutlicher Unterschied ordnet die Seite. Wer viel hervorheben will, staffelt deshalb: eine starke Hervorhebung, zwei mittlere, der Rest zurückhaltend.