What is accessibility (a11y) in React and what are the basics?
Model answer
Making the UI usable for everyone, including keyboard and screen reader users. Basics: use semantic elements (button, nav, label), keep everything reachable by keyboard with visible focus, give images alt text, connect labels to inputs, manage focus in modals, keep enough colour contrast, and use ARIA only when native HTML cannot do the job.
Tools: the eslint jsx-a11y plugin, axe, and manual keyboard testing.
Learn this topic
Testing React Apps with Vitest and React Testing Library in the course React.js Full Course: Beginner to Advanced.
Sign in to add your own answer.