Accessibility

Accessibility checks

Quick wins

  • Contrast: AA 4.5:1 for body, 3:1 for large text
  • Targets: at least 24 by 24 px touch area
  • Focus: visible outline for keyboard
  • Color alone: add icons or text for state
  • Alt text: clear and short
  • Motion: respect reduced motion settings
Contrast and focus examples

Checklist

  • Does primary text meet contrast on light and dark
  • Can you tab through controls and always see focus
  • Are errors readable without color

More reading: WCAG overview and Inclusive Components.