Accessibility
Cross-reference for WCAG contrast, legibility, and reduced-motion rules across the stylebook.
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.
Relevant brand.json paths:
brand.color.config.accessibility.wcag.target_levelbrand.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 Mapping → Typography → 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.
Relevant brand.json paths:
brand.theme.config.motion.durationbrand.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