Appearance
Accessibility
NXP Starter is designed with WCAG-oriented patterns as a baseline.
Included accessibility patterns
- semantic landmarks (
header,nav,main,aside,footer) - skip-to-content links
- keyboard focus visibility
- ARIA labels/roles for navigation and controls
- reduced motion support (
prefers-reduced-motion) - touch-target sizing for mobile interaction
Implementation guidance
- preserve heading hierarchy in custom layouts
- always provide alt text for meaningful images
- keep interactive controls keyboard reachable
- maintain contrast ratios for text/UI states
Testing checklist
- Keyboard-only navigation pass
- Screen reader sanity check (NVDA/VoiceOver)
- Contrast checks on brand palette
- Automated scan with WAVE or axe