AAA-Kontraste, geprüft pro Komponente
Minimal 7 zu 1 für Text. 4,5 zu 1 für große Schrift. Wir prüfen pro Teil, nicht pro Seite.
Was bedeutet „AAA-Kontraste, geprüft pro Komponente"?
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.
Pflicht und Nutzen — 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.
Wie wir es konkret lösen.
- Brand-Tokens im Marken-Styleguide mit AAA-Kontrast-Nachweis pro Token-Paar (siehe
WEB/MARKEN-STYLEGUIDE.md). - Eine Marken-Farbe in drei Rollen: vibrant für Button-BG mit weißer Schrift ≥ 16 px bold (AAA-Large), tief für Text auf Hell, hell für Text auf Dunkel.
- Niemals Marken-Vibrant als Fließtext-Farbe — 4,5:1 reicht nur AAA-Large.
- Automatisch geprüft via Kontrast-Scanner-Modul im Backend (siehe verwandte Module).
- Bei jeder Design-Änderung: Re-Verify mit WCAG-Kontrast-Rechner — Verstoß = Stop in der Freigabe.
Verwandte Bausteine unserer Modulsuite
-
KI-Alttext-Generator
WCAG 1.1.1Kein „Bild ohne Beschreibung" mehr. KI liefert den ersten Entwurf — Redaktion verfeinert.
-
Heading-Hygiene & Struktur-Manager
WCAG 1.3.1Saubere Outline für Screenreader und Suchmaschinen — eine H1 pro Page, keine Sprünge.
-
Leichte Sprache (KI-gestützt)
WCAG 3.1.5Inhalte auf Knopfdruck vereinfacht — für Menschen mit Lese-Einschränkungen, Sprachlerner und Eilige.
-
Barrierefreie Formulare
WCAG 3.3.1Klare Labels, programmatische Fehlerführung, Validierung — keine Browser-Bubbles, kein „Bitte ausfüllen".
Brauchen Sie genau dieses Modul?
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.
