SkillByAIइंटरैक्टिव संस्करण खोलें →

पाठ 23 / 26

Browser dev tools

Chrome, Edge और Firefox में built-in accessibility pane और Lighthouse से roles, names और contrast inspect करें।

Accessibility inspector

Chrome/Edge DevTools: Inspect → Accessibility pane role, name, state दिखाता है। Firefox: Inspector → Accessibility tab। Accessibility tree को दिखाता है।

Lighthouse audit

Page पर right-click करें → Inspect → Lighthouse tab → Accessibility check करें → Analyze page load।

Contrast checking

DevTools Elements inspector computed styles और contrast ratio दिखाता है (color swatch पर click करें)। Chrome DevTools में built-in contrast analyzer है।