Skip to content

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.