Built to WCAG 2.2 AA, and honest about where it is untested

Built into the interface

• Keyboard reachability

  Every interactive element is reachable and operable by keyboard. The mobile menu traps nothing and closes on Escape.

• Visible focus

  A high-contrast 2px outline with offset on every focusable element. Never removed, only restyled.

• Skip link

  The first focusable element on every page jumps to the main content region.

• Real labels

  Every input has a visible <label>. Errors are linked with aria-describedby and announced via role="alert".

• Text alternatives

  All diagrams and SVG visuals carry descriptive alt text or are marked aria-hidden when decorative.

• Colour is never alone

  Status is always a chip plus text. The demo state is always a label plus a pattern, not a hue.

• Reduced motion

  prefers-reduced-motion is honoured globally, plus an explicit in-page motion toggle that persists.

• Static 2D fallback

  When WebGL is unavailable, a designed static composition replaces the 3D scene rather than a blank box.

• Semantic landmarks

  header, nav (labelled), main, aside and footer, with a single h1 per page and no heading-level skips.

• Announced state changes

  Filter results announce their count through aria-live. Decisions and confirmations are announced.

Contrast

The palette is built so body text meets WCAG AA (4.5:1) on its background. Carbon ink on bone paper is the primary pairing; accent greens and ambers are used for large text, borders and marks rather than small body copy, and never as the only carrier of meaning.

• Carbon 900 on Carbon 100≈ 15:1Body and headings on paper
• Carbon 600 on Carbon 100≈ 7.4:1Secondary body text
• Carbon 300 on Carbon 950≈ 12:1Body text on dark sections
• Signal 600 on Carbon 100≈ 6.2:1Errors and demo labelling

Ratios are approximate and must be re-verified with a formal audit before launch. This page is placeholder until one exists.

Motion and performance

• No scroll hijacking. Scrolling is native everywhere; the story reacts to scroll rather than capturing it.
• The 3D canvas loads after first paint and only when the section is near the viewport and motion is permitted. It pauses when scrolled out of view.
• Three draw calls, capped device pixel ratio, no post-processing, no shadow maps, and every geometry is disposed on unmount.
• Every route works without a 3D-capable GPU. Nothing depends on the canvas to be understood.