Accessible Design System Checklist

Foundations

• Contrast-safe color tokens with ranges for dark/light modes
• Type scale with minimum sizes and line-heights
• Motion guidelines with reduced-motion variants
• Spacing and hit target tokens (min 24px/44px where applicable)

Components

• Interactive states: hover, focus, active, disabled, error
• Keyboard support (Enter/Space), proper roles, and labels
• ARIA only when semantics can’t be expressed natively
• Examples with code + tests per component