We practice what we teach.
We sell compliance training. So our website meets WCAG 2.1 AA in both light and dark themes. We audited it, documented the gaps, and fixed them. This page is the public version of that work.
Three commitments.
No exceptions for ourselves.
We sell compliance training. The same standards we apply to clients apply to our own digital surface. The European Accessibility Act came into force in June 2025. We meet it.
AA, both themes, every page.
WCAG 2.1 AA covers the conformance level enforced under EN 301 549. Our site passes in light theme and dark theme. Every text-on-surface combination meets or exceeds the 4.5:1 contrast threshold for normal text, 3:1 for UI elements.
Audited, not assumed.
We ran an automated contrast audit across every colour token and every surface in the design system. We then walked the site by keyboard alone. We documented the gaps and fixed them.
What we measured.
We ran a programmatic contrast check on every text-token and every surface-token combination across both themes. That is roughly fifty colour pairs per theme. We then walked the entire site by keyboard alone and confirmed every interactive element is reachable and operable.
| Issue | Impact | Fix |
|---|---|---|
| Burgundy red used as text in light theme. | Failed AA at 4.26:1 on white. Affected one Hero element, the 404 page eyebrow, and four brand-guide pages. | Bumped the burgundy token from #f30d3b to #C20026. New contrast: 5.60:1 on cream, 6.32:1 on white. Aligned both themes to the same value. |
| Burgundy red used as text in dark theme. | Failed AA at 2.66:1 on the dark card background. Affected six files using burgundy as a non-decorative text colour. | Introduced a dedicated burgundy-text token (#E57080 in dark, #A30020 in light) for any burgundy that appears as text. Borders and backgrounds keep the brand burgundy. |
| Tertiary ink at 48% opacity used for small mono text. | Effective contrast 3.94 to 4.35 on cards, below the 4.5:1 floor for normal text. Affected six files using small numerical labels and footer credits. | Promoted those six usages to the secondary ink token (66% opacity light, 52% opacity dark). New contrast: 4.85:1 dark, 6.48:1 light. |
After the fixes, every text-on-surface combination passes AA in both themes. The work was committed to our public repository.
Where we have blind spots.
Two parts of the site are rendered by third-party services we embed: the Cal.eu booking calendar and Stripe Checkout. Both vendors declare WCAG 2.1 AA conformance for the embedded products and we test them with each release, but we do not control their internals. If you find an accessibility issue inside either embed, we will route it to the vendor and follow up.
We also rely on automated colour-contrast checks for the audit itself. Automated checks miss issues that require human judgement, such as whether a label communicates intent clearly, or whether motion would harm a vestibular-disorder visitor. We respect prefers-reduced-motion sitewide and we welcome reports for things automation cannot catch.
Tell us. We respond within two weeks.
If any part of this site fails for you, write to hello@articlefour.de. The full legal statement is on the accessibility statement page, including the formal enforcement contact for Berlin.