Use semantic HTML, ARIA attributes, keyboard navigation, and focus management in React apps. All interactive elements must work with keyboard alone. Test with axe DevTools and a screen reader like VoiceOver.
React Accessibility
// Use semantic HTML
// not
!
// ARIA attributes
// Screen reader text
Close dialog
// Focus management
const ref = useRef();
useEffect(() => ref.current.focus(), [isOpen]);
// Color contrast — always meet WCAG AA (4.5:1 ratio)