Your files stay on your device

Accessible name debugger

Compute the accessible name and description each element in pasted HTML would get and see which AccName rule produced them.

Paste an HTML snippet or a whole page and press Compute names. The three example buttons fill in markup that exercises different naming rules.
What this can and cannot see

The debugger follows the AccName 1.2 steps and the HTML accessibility mapping: hiding, aria-labelledby chaining, aria-label, native markup like alt and label elements and legends and captions, control values and placeholders, subtree text, and the title fallback, in that order.

It cannot see:

- text created by CSS ::before or ::after
- hiding done only in a stylesheet (only the hidden attribute, aria-hidden and inline styles count)
- text a script would add after load
- shadow DOM
OptionsCompute names

More regex & cron tools

- Regex tester (/dev/regex-tester)
- Glob tester (/dev/glob-tester)
- Semver compare (/dev/semver)
All regex & cron tools (/dev)

Was this tool useful?
YesNo

Canonical HTML: https://nutter.tools/dev/accessible-name-debugger
Markdown version: https://nutter.tools/dev/accessible-name-debugger.md
Plain-text version: https://nutter.tools/dev/accessible-name-debugger.txt
Agent index: https://nutter.tools/llms.txt