Spring GDS 25. Jubiläum
Ein Logistikunternehmen, das in 190 Länder versendet, hat etwas gebaut, um an sich selbst zu liefern.
Farbkontrast
Was ist Farbkontrast?
Farbkontrast ist der Unterschied in der Leuchtdichte zwischen zwei Farben, meist Text und dem Hintergrund dahinter. Er wird als Verhältnis gemessen, von 1:1 für zwei identische Farben bis 21:1 für reines Schwarz auf reinem Weiß. Je höher das Verhältnis, desto leichter lässt sich Text lesen, besonders für Menschen mit Sehschwäche, Farbenblindheit oder jeden, der bei hellem Sonnenlicht auf einen Bildschirm blinzelt.
Die WCAG legt konkrete Schwellenwerte fest. Auf Stufe AA braucht normaler Fließtext ein Kontrastverhältnis von mindestens 4,5:1, großer Text 3:1. Stufe AAA hebt diese auf 7:1 und 4,5:1 an. Die Regeln gelten auch für interaktive Elemente und bedeutungstragende Grafiken. Ein Button-Rahmen oder ein Icon, das Information trägt, muss also ebenfalls ein Minimum erreichen. Hellgrauer Text auf weißem Hintergrund ist der klassische Fehler: Er wirkt elegant im Mockup und wird für einen echten Teil des Publikums unlesbar.
Kontrast ist nicht nur eine Regel der Barrierefreiheit. Er ist eines der wichtigsten Werkzeuge für visuelle Hierarchie und lenkt das Auge zuerst auf das Wesentliche. Designer prüfen die Verhältnisse mit Kontrast-Checkern bei der Wahl der Paletten, denn eine Farbe, die in der kleinsten Textgröße versagt, kann in einer großen Überschrift trotzdem funktionieren. Wer es richtig macht, erhält ein Design, das bewusst wirkt und für alle nutzbar bleibt.
Farbkontrast bei Dallonses
Wir prüfen den Kontrast während des Designs, nicht erst, wenn ein Tester ihn beanstandet. Paletten werden gegen die WCAG-Verhältnisse getestet, bevor sie auf einen Bildschirm gelangen. So sind die Farben, in die sich ein Kunde verliebt, auch Farben, die in der Praxis funktionieren. Eine fehlerhafte Kombination in der Designphase zu finden, ist günstig. Sie nach dem Launch zu finden, bedeutet, ein laufendes Produkt zu überarbeiten.
Kontrast ist einer der Punkte, an denen sich unser User Interface Design und barrierefreies Webdesign vollständig überschneiden. Wir behandeln die WCAG-Schwellen als Untergrenze und setzen Kontrast dann gezielt ein, um Hierarchie und Fokus aufzubauen. Das Ergebnis liest sich klar für jemanden mit perfekter Sehkraft und für jemanden ohne. Guter Kontrast ist schlicht gutes Design, das nebenbei inklusiv ist.
Eine schöne Palette, die niemand lesen kann? Lassen Sie sie uns für alle nutzbar machen.
Verwandte Dienstleistungen
Verwandte Arbeiten
Vizitio
Eine Marke in ein funktionierendes Geschäft verwandeln.
Access Ticket
Eine halbe Million Menschen. Eine App. Null Chaos.
Bereit zum Zusammenarbeiten?
Termin buchen
