# Browser dev tools — Web Accessibility (A11y)

Source: https://www.geekswithgeeks.com/en/accessibility/a11y-browser-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.