Accessible Name Debugger
Heuristic accessible-name checklist for markup.
Runs in your browser. Nothing is uploaded — your input is processed on this device and discarded when you close the tab.
Accessible Name Debugger
How to use this tool
- Enter your values in the fields above.
- Press Generate to see the result.
- Use Load sample to try the worked example, Copy result to copy it, or Clear to start again.
Worked example
The sample snippet <img src="cat.png" alt="A cat"> has one image with an alt attribute, so the images check passes (1 of 1 with alt text).
What this tool does not do / Limits
This is a checklist and text heuristic on pasted markup only, not a browser accessibility-tree audit. It cannot see computed names, shadow DOM, focus order or real screen-reader behaviour.
Frequently asked questions
Why does an empty button fail?
A button with no text and no aria-label gives assistive technology nothing to announce, so it has no accessible name.
Does a pass here mean my page is accessible?
No. It only means the pasted snippet has the basic name attributes this checklist looks for.
Related tools
JSON Studio
Format, validate, minify, query and compare JSON in your browser, with precise line-and-column errors.
LiveRegex Tester
Test patterns against sample text with match highlighting, capture groups and a safe one-second timeout.
LiveSecurity Header and DNS Checker
Check HSTS, CSP and other security headers, TLS details, and DNS/email authentication records (SPF, DKIM, DMARC).
Live