Skip to main content
All skills

Accessibility

WCAG contrast, semantic markup and keyboard paths — handled in the system rather than in a remediation pass.

How I use it

  1. A remediation project that should not exist

    Token ramps built to clear WCAG contrast where the type size allows, so compliance is the default state rather than a retrofit priced as a separate engagement.

  2. A div doing a button’s job

    Real headings, landmarks and controls. Most failures are an element given a click handler and none of the keyboard behaviour, focus handling or announcement that comes free with the correct tag.

  3. Animation that ignores the user’s setting

    Scroll and reveal effects check prefers-reduced-motion and render their final state immediately when it is set, instead of animating anyway.

What I use

  • WCAG 2.2
  • axe
  • VoiceOver
  • Lighthouse

Related skills

Want the detail behind any of this?

I can walk through any of it in as much depth as you want.

Get in touch