Accessibility
Accessibility statement
I’m a colour-blind designer, so I don’t treat accessibility as a checklist at the end — it’s how this site was designed from the first swatch. This page says what I aim for, what I’ve checked, and where it still falls short.
- Target
- WCAG 2.2, level AA
- Last reviewed
- Feedback
- hello@laures.design
- Reading
- 2 min read
What I aim for
This site aims to meet the Web Content Accessibility Guidelines (WCAG) 2.2 at level AA. WCAG 3 is still a working draft, so it isn’t the target yet.
- Text and interface colours are chosen by measured contrast, not by eye: body text is at least 12:1 on its background, the yellow accent 10.4:1.
- No information is carried by colour alone — states also change shape, weight or wording.
- Everything is built to work with a keyboard, with a visible focus ring, and a link to skip straight to the content.
- Animation follows your system’s reduced-motion setting.
- The contact chat is a real form underneath, and can be switched to a plain form at any point.
Display settings
The Accessibility button in the bottom-left corner opens a small panel of display settings: text size, contrast, motion, comfortable spacing, a simpler font, underlined links and a stronger focus ring.
They are preferences, not fixes: the site is built to work without them, and your own system and browser settings — zoom, reduced motion, increased contrast, forced colours — are always respected. Your choices are saved only in this browser, on this device, and are never sent anywhere.
How it has been checked
Checks are ongoing. So far:
- contrast measured for every colour pair in the design tokens;
- text enlarged to 150% on desktop and phone widths;
- reduced motion and forced colours (Windows High Contrast) emulated in Chromium;
- automated browser tests of the contact chat, the menus and the display settings.
A full keyboard and screen reader review (NVDA, VoiceOver and TalkBack) is under way, and this page will be updated with the results.
Known limitations
- Pinned scroll sections (Work and Services) animate as you scroll on large screens. With reduced motion — from your system or the panel — they become ordinary, static layouts.
- Decorative effects (the light rays and the glass letters behind section titles) are hidden from assistive technology and removed when more contrast is on.
- The accent typeface, Cropaso, is wide and all caps. It is only used for short labels at 14px or larger; “Simpler fonts” replaces it.
Feedback
If something doesn’t work for you, I want to know. Email hello@laures.design with the page and what happened — accessibility issues go to the top of my list.