Why accessibility matters
Accessible apps work for more users, improve UX quality, and reduce legal/compliance risk.
Core practices
- Use semantic HTML elements
- Ensure keyboard operability
- Provide labels for controls
- Maintain visible focus states
- Use ARIA only when native semantics are insufficient
Example
tsx
<label htmlFor="email">Email</label>
<input id="email" type="email" />Accessibility testing
- ESLint plugin:
eslint-plugin-jsx-a11y - Axe browser extension
- Manual keyboard and screen reader checks
Next, we will optimize performance.