[brunogbv]

What

Fills the accessibility gaps across the deck / rails / overlays. Deck keyboard nav, overlay focus
trap+return, and the :target no-JS baseline were already in place (US1/US2) — this hardens the rest.

Closes #201, #202, #203, #204.

Changes

• Reduced motion (FR-014): a @media (prefers-reduced-motion: reduce) block now also suppresses the
  US2 rail/overlay animation (summary hover-lift, overlay fade + card scale-in) — an overlay opens
  instantly and stays fully functional. Snapping is a resting position (kept); deck glide + reveal were
  already gated.
• Visible focus (WCAG 2.4.7): focus-visible outlines on summary cards, the overlay close, and nav
  links (rails use scroll-padding-inline so the ring isn't clipped).
• Landmarks / labels: each section is a labelled region (aria-labelledby → its <h2> id); each rail
  is a labelled list (aria-label).
• Backdrops non-tabbable: the overlay backdrops become tabindex="-1" aria-hidden="true" — a
  mouse/no-JS click-outside affordance; the visible close × (a real #section anchor) is the
  keyboard/AT/no-JS close control. overlay.js's focus-trap now filters tabIndex >= 0 so the backdrop
  isn't a phantom full-screen tab stop.

Verification

• Pinned image: make visual 8/8, baselines unchanged (aria/focus/reduced-motion don't alter the
  resting render or the PDF).
• Lint verified directly: overlay.js Standard-clean, styles.css stylelint-clean.
• Independent code-review: no findings (reduced-motion cascade keeps the card full-size when open;
  backdrop exclusion keeps mouse-close working; all aria-labelledby references resolve).

Scope

Into 003-deck (integration branch — no production deploy). Only US5 (the Through-Line signature)
remains; then 003-deck → main ships the full redesign.

🤖 Generated with Claude Code

[github-actions]

🔺 Vercel preview: https://cv-k9oa79hzg-bruno-valerios-projects.vercel.app

_{commit c795c3b · updated 2026-07-04 21:42 UTC}