Design System

Accessibility

AA register for the active design system and validated specimens only.

Legend: Pass = evidenced in current runtime. Partial = some AA-supportive behavior is present but not complete. Content-dependent = outcome varies with authored content or color use. Needs verification = evidence is not yet strong enough to mark pass.

Foundations and shell

Typography ladder

  • AA status: Partial
  • Where compliant: page lead gives an explicit display title role and reading headings are visible from H2 to H6.
  • Where not compliant: full heading hierarchy and contrast still depend on the template and authored page structure.
  • Action: verify heading order per template when pages are assembled.

Signal usage

  • AA status: Content-dependent
  • Where compliant: default text, surface, panel, border, and muted label roles are visible and consistent enough to browse.
  • Where not compliant: accent and gold are not safe long-form reading colors by default.
  • Action: keep accent and gold as signal roles unless contrast is verified in context.

Focus treatment

  • AA status: Partial
  • Where compliant: the runtime exposes a visible focus outline token and the low-level action inventory now shows it.
  • Where not compliant: not every live interactive family has been fully keyboard-verified end to end.
  • Action: verify focus visibility and tab order across each interactive family in browser.

Atoms and molecules

Action signals

  • AA status: Partial
  • Where compliant: docs links, related-reading links, and hub actions all show visible action roles and focus treatment.
  • Where not compliant: there is no unified site-wide action system yet.
  • Action: keep action claims family-scoped until more shared controls exist.

Media frame and captions

  • AA status: Content-dependent
  • Where compliant: case-study media uses figure and figcaption structure.
  • Where not compliant: final image meaning still depends on authored alt text and video providers still affect embeds.
  • Action: verify authored alt text and keep fallback links for video entries.

Support field block

  • AA status: Partial
  • Where compliant: supporting context is kept separate from the main narrative and stacks beneath it on smaller screens.
  • Where not compliant: the block only exists when the renderer knows which fields to map.
  • Action: verify support-field mappings when new tabbed pages are introduced.

Fact list

  • AA status: Pass
  • Where compliant: live case-study facts render as explicit label and value rows inside a definition-list structure.
  • Where not compliant: no current failure is evidenced in the active fact-list structure itself.

Organisms and patterns

Tabbed / Indexed Reader

  • AA status: Partial
  • Where compliant: real buttons, aria-current, live updates, and accordion fallback are evidenced in the active reader family.
  • Where not compliant: full keyboard verification across every live tabbed page is not yet documented.
  • Action: verify keyboard and focus behavior when tabbed families change.

Case Study

  • AA status: Partial
  • Where compliant: labelled fact rail, figcaption structure, alt-text handling, and video fallback links are present.
  • Where not compliant: each case-study post still depends on authored content quality and media completeness.
  • Action: review high-value live case studies after major content changes.

Docs runtime

  • AA status: Partial
  • Where compliant: docs navigation marks the current page and keeps a clear reading order between nav and detail content.
  • Where not compliant: docs quality still depends on authored hierarchy, excerpt clarity, and section structure.
  • Action: keep docs pages concise and hierarchy-led.

Ecosystem and Law

  • AA status: Partial
  • Where compliant: heading structure, section anchors, and quote semantics are evidenced in both families.
  • Where not compliant: full audit coverage for long legal or networked reading flows is not yet documented.
  • Action: verify new long-form entries when those families expand.

Facilitation specimen

  • AA status: Needs verification
  • Where compliant: uploaded SVGs carry alt text and figcaptions in the validated Geometries of Use specimen.
  • Where not compliant: the specimen is theme-side and not yet documented as a fully verified reusable runtime family.
  • Action: verify the specimen in browser before promoting it beyond specimen status.