Farben, Muster und Kontrast

Version: 2.0 · Stand: 2026-07-04 · Struktureller Bezug: Microsoft Writing Style Guide – Colors and patterns (CC BY 4.0) · Normative Grundlage: WCAG 2.1/2.2 (Erfolgskriterien 1.4.1, 1.4.3, 1.4.11)

Farbe und Kontrast entscheiden mit darüber, ob ein Inhalt lesbar ist – für Menschen mit Sehbehinderung oder Farbfehlsichtigkeit besonders.

• Information nie allein über Farbe vermitteln (WCAG 1.4.1). Links durch Farbe und Unterstreichung kennzeichnen; Diagrammreihen zusätzlich durch Muster oder Beschriftung unterscheiden.
• Kontrast von mindestens 4,5:1 für normalen Text, 3:1 für großen Text (ab 18 pt bzw. 14 pt fett) und für Bedienelemente/Grafiken (WCAG 1.4.3, 1.4.11). Schwache Kombinationen wie Hellgrün auf Weiß oder Rot auf Grün vermeiden.
• Farben nicht fest verdrahten, damit kontrastreiche Systemdarstellungen (High Contrast) wirken können.
• Kein Text auf gemustertem oder schattiertem Hintergrund, keine Wasserzeichen hinter Text – das senkt den Kontrast und stört Screenreader.

Hinweis Die Design-Token von The White Knight Labs (–wk-*) sind so gewählt, dass Text auf den Standardflächen den Kontrastanforderungen genügt. Eigene Farbkombinationen vor dem Einsatz mit einem Kontrastprüfer gegen 4,5:1 prüfen.

Redaktionsleitfaden von The White Knight Labs. Aufbau nach dem Microsoft Writing Style Guide (© Microsoft Corporation, CC BY 4.0); Inhalte für den deutschsprachigen Raum eigenständig erarbeitet. Sprachregeln nach amtlicher deutscher Rechtschreibung, Duden und DIN 5008.