AccessibilityDesignTokens
Component Detail
Description
Defines the canonical design token set enforcing WCAG 2.2 AA visual requirements across the entire app. Tokens cover minimum contrast ratios (4.5:1 text, 3:1 large text and UI components), minimum touch target sizes (24x24 CSS pixels), and typography scale steps up to 200%. All UI components consume these tokens so compliance is centrally maintained.
accessibility-design-tokens
Sources & reasoning
Lines 28 and 30 declare WCAG 2.2 AA a hard MVP requirement with no exceptions and no deferrals across all organizations. Lines 31-38 enumerate specific sub-requirements (screen reader, contrast, touch targets, keyboard, drag alternatives). Blueprint marks this feature [MVP]. Source doc phase matrix (§4) lists WCAG as Fase 1, confirming MVP target_release.
-
docs/source/likeperson.md · line 28Appen SKAL oppfylle **WCAG 2.2 nivå AA** som minimumskrav for alle skjermer og interaksjoner - fra dag én, for alle organisasjoner. Ingen organisasjon er unntatt eller utsatt til senere fase.
-
docs/source/likeperson.md · line 30**WCAG 2.2 AA compliance** er et absolutt krav for MVP - ikke noe som fikses etterpå.
Responsibilities
- Provide contrast-safe color pairs for text, interactive, and decorative roles
- Define minimum touch target size tokens applied to all interactive elements
- Expose typography scale tokens supporting 100-200% user font size preferences
- Enforce focus-indicator color and outline-width tokens meeting 3:1 contrast
- Serve as single source of truth so no component hard-codes accessibility-critical values
Interfaces
getColorToken(role: ColorRole): HexString
getTouchTargetSize(): { minWidth: number; minHeight: number }
getTypographyScale(step: ScaleStep): FontSizeValue
getFocusRingToken(): { color: HexString; width: number }