Skip to content

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

  1. Keyboard-only navigation pass
  2. Screen reader sanity check (NVDA/VoiceOver)
  3. Contrast checks on brand palette
  4. Automated scan with WAVE or axe