← Overview

Accessibility

The Avionics design system is built with accessibility as a core principle:

Color Contrast

All text colors meet WCAG AA standards:

  • Primary text on page background: 14.5:1 (AAA)
  • Secondary text on page background: 6.8:1 (AA)
  • Brand color on page background: 4.7:1 (AA for large text)

Semantic HTML

  • Proper heading hierarchy (H1 → H2 → H3)
  • Semantic elements (<article>, <nav>, <main>)
  • ARIA labels where appropriate