Built to WCAG 2.2 AA. Aiming for AAA on body text.

Standards

This site targets WCAG 2.2 Level AA as the floor and Level AAA on body and interactive text where the design supports it. The Studio Workbench color palette was calibrated for AAA contrast on every body and link surface.

What this means in practice

• Every interactive element is keyboard-reachable. Focus state: 2px ruby ring, 2px offset, instant.
• A skip-to-content link is the first focusable element on every page.
• prefers-reduced-motion disables all transitions and animations.
• prefers-color-scheme drives the initial light/dark theme.
• Single <h1> per page, logical heading hierarchy.
• Alt text on every image. Screenshots are described factually.
• Square-bullet lists, semantic landmarks, named regions for assistive tech.

Known issues

This is V1, hand-built. Two known limitations:

• The --fg-subtle token (#8A8A8A) only meets AA at 14px+. It's used on captions only, not body text, but the contrast ratio against the warmer V2 paper bg sits at ~3.4:1, just above the large-text AA bar.
• Screen-reader pass with VoiceOver and NVDA is scheduled before public launch.

Reporting an issue

If something on this site is hard to use with a screen reader, keyboard, or any assistive technology, write to brian@brianbremges.com. I'll fix it and credit you in the next deploy if you'd like.