Quick start

Accessibility

Cross-reference for WCAG contrast, legibility, and reduced-motion rules across the stylebook.

Production

Accessibility requirements are folded into the domains where they are actually consulted. This page is a single index so you know where to look.

Color & Contrast

WCAG contrast targets, the ratios we hold for normal text, large text, and UI components, and guidance for non-color indicators all live with the color domain.

Colors → Accessibility

Relevant brand.json paths:

  • brand.color.config.accessibility.wcag.target_level
  • brand.color.config.accessibility.contrast (normal_text, large_text, ui_components, enhanced)
  • brand.color.config.accessibility.non_color_indicators

Typography & Legibility

Minimum body sizes, line-height floors, and max measure for each reading context are enforced by the typography contexts.

Typography → Role MappingTypography → Fonts

Relevant brand.json paths:

  • brand.typography.config.contexts.contexts[*].rules (per-context min-size + line-height)
  • brand.typography.config.contexts.accessibility (min_body_size, line_height_min, zoom_support)

Motion & Reduced Motion

All animations respect prefers-reduced-motion. Duration and easing tokens are centralized in the theme domain so motion stays proportionate and predictable.

Theme → Motion

Relevant brand.json paths:

  • brand.theme.config.motion.duration
  • brand.theme.config.motion.easing

Applying This in Channels

Channel templates (print, document, slide-deck, html-artifact) inherit these rules. Each template's docs page notes the specific constraints that apply at the medium.

Channels