HTML Accessibility Outline
Free toolPaste an HTML fragment. We analyze it with axe-core (the same engine behind WAVE and axe DevTools) in an isolated iframe, without touching this page's own DOM. It catches broken heading hierarchy, missing landmarks, images without "alt", form fields without a "label", and duplicate IDs. Everything is processed in your browser: your HTML is never uploaded to any server.
Findings
Report
Markdown report
How to use it
- Paste the HTML fragment you want to review, or the whole page.
- Run the analysis: the code is loaded into an isolated iframe and passed through axe-core.
- Go through the issues found, each with its severity and the affected nodes.
What it works out and how
It uses axe-core, the open-source engine behind many accessibility extensions, to detect issues that can be checked automatically: skipped heading levels, missing landmarks, images without alternative text, form fields without a label and duplicate IDs. It analyzes the HTML you paste, not how it finally looks with your styles.
Frequently asked questions
Does a clean result mean the page is accessible?
No. Automated tests only catch part of the problems. Keyboard navigation and testing with a screen reader are still needed.
Does it check color contrast?
Contrast depends on the applied styles. If you paste only the HTML without its CSS, that check is not representative.
Why does heading order matter?
Screen reader users jump from heading to heading to find their way around. Going from an h2 to an h4 breaks that map of the page.