Lesson 23 / 26
Browser dev tools
Inspect roles, names and contrast with the accessibility pane and Lighthouse built into Chrome, Edge and Firefox.
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.