A quick cheat sheet for checking accessibility in your projects (because testing should be as smooth as your best debugging session).
DevTools Accessibility Tab
- Accessibility Tab: Use it to view the full accessibility tree.
- Shortcut: Ctrl + Shift + P → Show Accessibility, then reload to see the updated tree.
- Rendering: Emulate vision deficiencies (e.g., color blindness) via the Rendering tab.
Testing Tools
- Lighthouse: Automated accessibility audits.
- eslint-plugin-jsx-a11y: Lints your React code for accessibility issues.