Lesson 22 / 25
Browser dev tools
Use built-in browser tools to inspect accessibility properties.
Accessibility inspector
Chrome/Edge DevTools: Inspect → Accessibility pane shows role, name, state. Firefox: Inspector → Accessibility tab. Shows accessibility tree.
Lighthouse audit
Right-click page → Inspect → Lighthouse tab → check Accessibility → Analyze page load.
Contrast checking
DevTools Elements inspector shows computed styles and contrast ratio (click color swatch). Chrome DevTools has built-in contrast analyzer.