Accessibility

Our commitments

• Keyboard-operable throughout, with a visible skip-to-content link as the first focusable element.
• Visible focus indicators on every interactive element, at AA contrast.
• AA color contrast for text and UI in the dark storefront theme.
• prefers-reduced-motion honored, smooth scrolling is disabled and every animation has a complete, static fallback.
• Semantic landmarks, a single H1 per page, and a logical heading order.
• Form controls with programmatic labels and announced validation errors.

Known exceptions

No active accessibility exceptions are approved for this build. The zoom, modal, and landmark issues tracked for launch are closed in the current registry.

Resolved checks behind this statement:

• Viewport zoom is unlocked. The viewport meta tag does not set maximum-scale or disable user scaling.
• Modal focus and background isolation are covered. Shared dialogs and drawers trap focus, restore focus on close, close on Escape, and isolate the background while open.
• Affected routes keep a single main landmark. The routed page layout owns the main landmark, and the COA shell renders as a labelled section inside it.
• Accent-colored text fell below AA contrast on dark surfaces. Small static text (eyebrow labels, inline links, numeric readouts) styled with the signal-cyan accent color measured 3.72:1 against its surface background site-wide, below the 4.5:1 AA floor for text under 18.66px; the design system's own AA-safe text token was defined but not consistently used. Fixed across the catalog, checkout, marketing, all ten education courses, legal, support, blog, glossary, and admin/member surfaces by moving the affected text onto the correct existing token.
• Evidence map chart asserted a conflicting img role. The per-sequence evidence study plot marked its container role="img" (an atomic, non-interactive image) while containing real focusable citation links, an ARIA conflict that blocks assistive tech from reaching those links. Changed to role="graphics-document", the ARIA Graphics Module role built for exactly this case.
• Two definition lists had invalid direct children. A blood biomarkers glossary row nested an extra layout div inside a <dl>, and the glossary page's between-entry divider rendered as its own element inside the list; both break the HTML definition-list content model for assistive tech. Restructured to valid dt/dd grouping, using CSS borders in place of the extra divider element.

Motion & smooth scroll

We use smooth scrolling and subtle scroll-triggered reveals to make the site feel precise, never to gate content. If your system requests reduced motion, we don't instantiate smooth scroll at all and render every section in its final state, the page is fully readable with no animation, with identical content and layout.

Report an issue

Found a barrier? Tell us through the support form, with the page and what went wrong, and we'll address it.