A11y Debugging

This is a solid accessibility debugging workflow built on Chrome DevTools MCP and web.dev guidelines. It covers the full spectrum: automated Lighthouse audits, accessibility tree snapshots, keyboard navigation testing, color contrast checks, and tap target measurements. The workflow is methodical, starting with automated checks then drilling into specifics like orphaned form inputs and focus traps. One smart detail: it teaches you to append .md.txt to web.dev URLs to get clean markdown instead of rendered pages. The accessibility tree snapshots are the real workhorse here, showing you what screen readers actually see versus what's in the DOM. Includes ready-made JavaScript snippets for common checks you'd otherwise write from scratch every time.