Sales Site WCAG Token System
Component Detail
Infrastructure
low complexity
Shared Component
frontend
0
Dependencies
0
Dependents
0
Entities
0
Integrations
Description
Design token configuration (colors, spacing, typography, contrast ratios) for the static Sales Website ensuring WCAG 2.2 AA minimum contrast ratios and touch target sizes. Shared across all Sales Website pages.
sales-site-wcag-token-system
Sources & reasoning
WCAG 2.2 AA is a universal requirement for all products in the platform. A shared token system on the Sales Website ensures contrast and accessibility constraints are met consistently across the cost comparison widget and all other sales pages.
No source references — this artifact was included based on reasoning alone (see above).
Responsibilities
- Define color palette meeting 4.5:1 contrast for text and 3:1 for UI components
- Define minimum touch target sizes (24x24 CSS px per WCAG 2.2)
- Provide scalable typography tokens supporting 200% zoom
- Serve as shared token source for all Sales Website components
Interfaces
getColorTokens(): ColorTokens
getTypographyTokens(): TypographyTokens
getSpacingTokens(): SpacingTokens