AAA contrasts, tested per component
≥ 7:1 for text, ≥ 4.5:1 for large font — tested per component, not per page sample.
What does "AAA contrasts, tested per component" mean?
Color contrast measures the ratio of brightness between foreground text and background. WCAG defines two levels: AA (legal minimum, 4.5:1 normal / 3:1 large) and AAA (Stricter, 7:1 normal / 4.5:1 large). DigElite consistently operates at AAA level — the stricter level is a brand promise.
Obligation and Benefit — WCAG 1.4.6.
WCAG 1.4.6 (Contrast Enhanced) This is Level AAA. For people with visual impairments, color blindness, small screens, or sunlight reflection, the difference between 4.5:1 and 7:1 contrast ratios is what makes the content legible in the first place. Plus: AAA contrast sends a clear brand signal ("we take inclusion seriously") and reduces legal risks beyond the minimum requirements of the German Federal Data Protection Act (BDSG).
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.
Related building blocks of our module suite
-
AI alt text generator
WCAG 1.1.1No more "image without a description". AI provides the first draft — editorial team refines it.
-
Heading Hygiene & Structure Manager
WCAG 1.3.1Clean outline for screen readers and search engines — one H1 per page, no jumps.
-
Plain language (AI-supported)
WCAG 3.1.5Content simplified at the touch of a button — for people with reading difficulties, language learners and those in a hurry.
-
Accessible forms
WCAG 3.3.1Clear labels, programmatic error handling, validation — no browser bubbles, no „please fill in".
Do you need this exact module?
15-minute initial consultation — we'll clarify whether it's relevant for your site.
Further information:
BFSG overview ·
Performance overview ·
BAFA funding ·
FAQs
