AAA-Kontraste, geprüft pro Komponente
≥ 7:1 für Text, ≥ 4,5:1 für große Schrift — geprüft pro Komponente, nicht pro Page-Stichprobe.
Was bedeutet „AAA-Kontraste, geprüft pro Komponente"?
Farbkontrast misst das Verhältnis der Helligkeit zwischen Vordergrundtext und Hintergrund. WCAG kennt zwei Stufen: AA (gesetzliches Minimum, 4,5:1 normal / 3:1 large) und AAA (strenger, 7:1 normal / 4,5:1 large). DigElite arbeitet konsequent auf AAA-Niveau — die strengere Stufe ist Markenversprechen.
Pflicht und Nutzen — WCAG 1.4.6.
WCAG 1.4.6 (Contrast Enhanced) ist Level AAA. Bei Sehschwäche, Farbblindheit, kleinen Bildschirmen oder Sonnenlicht-Reflektion macht der Unterschied zwischen 4,5:1 und 7:1 die Inhalte überhaupt erst lesbar. Plus: AAA-Kontraste sind ein klares Marken-Signal („wir nehmen Inklusion ernst") und reduzieren rechtliche Risiken jenseits des Mindest-BFSG.
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 klären, ob es für Ihre Site relevant ist.
Weiterführend:
BFSG-Übersicht ·
Leistungs-Übersicht ·
BAFA-Förderung ·
FAQs