Skip to contentSkip to content

🗣️ Easy language · As of May 27, 2026 |  ← Normal language
WCAG 1.4.6 · WCAG Module

AAA contrasts, tested per component

Minimal 7 zu 1 für Text. 4,5 zu 1 für große Schrift. Wir prüfen pro Teil, nicht pro Seite.

What is that?

What does "AAA contrasts, tested per component" mean?

Farbkontrast ist der Unterschied zwischen Text und Hintergrund. Es gibt zwei Stufen: AA und AAA. AA ist das gesetzliche Minimum mit 4,5 zu 1 für normalen Text und 3 zu 1 für großen Text. AAA ist strenger mit 7 zu 1 für normalen Text und 4,5 zu 1 für großen Text. DigElite arbeitet immer auf AAA-Niveau. Das ist unser Versprechen.

Why is it important?

Obligation and Benefit — WCAG 1.4.6.

WCAG 1.4.6 ist das Level AAA. Es hilft Menschen mit Sehschwäche oder Farbblindheit. Auch bei Sonnenlicht oder kleinen Bildschirmen ist es wichtig. Der Unterschied zwischen 4,5 zu 1 und 7 zu 1 macht Lesen möglich. AAA-Kontraste zeigen: „Wir nehmen Inklusion ernst." Sie verringern auch rechtliche Risiken über das Minimum hinaus.

Our implementation

How we will solve it specifically.

  • Brand tokens in the brand style guide with AAA contrast proof per token pair (see WEB/BRAND STYLE GUIDE.md).
  • One brand color in three roles: vibrant for button background with white text ≥ 16 px bold (AAA-Large), deep for text on light, light for text on dark.
  • Never use Brand Vibrant as a body text color — 4.5:1 is only sufficient for AAA-Large.
  • Automatically checked via contrast scanner module in the backend (see related modules).
  • For every design change: Re-verify with WCAG contrast calculator — violation = stop in the release.

Do you need this exact module?

15 Minuten Erstgespräch. Wir finden heraus, ob es für Ihre Seite wichtig ist. Weitere Schritte: BFSG-Übersicht, Leistungs-Übersicht, BAFA-Förderung, häufige Fragen.

Book an initial consultation

Normal language