Accessibility Checker
Check HTML for accessibility issues
Checks
Issues found
<h3>Our Services</h3>
<img src="hero.jpg">
<input type="text" id="email" placeholder="Email">
<a href="/pricing">click here</a>
Como usar
Paste your HTML code into the editor. The checker instantly analyzes it for common accessibility issues across 8 categories: heading structure, image alt text, form labels, link descriptions, ARIA landmarks, language attributes, viewport zoom settings, and tab order. Each check shows pass/fail with specific details and affected elements.
Exemplos
Blog page audit
Paste your blog article HTML to check that headings follow a logical hierarchy (h1 > h2 > h3), all images have descriptive alt text, and the page has a <main> landmark for screen reader navigation.
Form accessibility
Check a signup or contact form HTML for proper label associations. Every input needs either a <label for="id">, aria-label, or aria-labelledby attribute so screen readers can announce what each field is for.
E-commerce product page
Audit a product listing page for vague link text (avoid "click here" or "read more"), missing alt text on product images, and proper heading structure for product names, descriptions, and reviews.
Perguntas frequentes
What accessibility issues does this tool check?
This tool checks 8 categories: heading hierarchy (no skipped levels, starts with h1), image alt text (all img elements need alt), form labels (inputs need label, aria-label, or aria-labelledby), link text (no vague "click here"), ARIA landmarks (main element present), language attribute (lang on html element), viewport zoom (not disabled), and tab order (no positive tabindex values).
Does this replace a full WCAG audit?
No. This tool catches common automated issues, but a full WCAG 2.1 audit requires manual testing: keyboard navigation, screen reader testing, color contrast verification, focus management, and cognitive load assessment. Use this as a first pass to catch low-hanging fruit, then do manual testing with tools like screen readers (NVDA, VoiceOver) and keyboard-only navigation.
What is the EU Accessibility Act?
The European Accessibility Act (Directive 2019/882) became enforceable in June 2025. It requires products and services in the EU to meet accessibility standards based on WCAG 2.1 Level AA. This applies to websites, mobile apps, e-commerce, banking, and transport services. Non-compliance can result in fines and market access restrictions.
Why is heading hierarchy important?
Screen reader users navigate pages by heading structure, jumping between headings to find content. Skipping levels (e.g., h1 to h3) breaks this navigation pattern. The page should have exactly one h1 (the main title), followed by h2 sections, h3 subsections, and so on. Think of headings as a table of contents.
What makes good alt text for images?
Good alt text describes the content and function of the image, not its appearance. For a photo of a team meeting: use "Marketing team discussing Q3 campaign results" not "photo of people in a room." For decorative images, use an empty alt="" to tell screen readers to skip it. For charts, describe the data trend.
Sobre esta ferramenta
Paste your HTML and get an instant accessibility audit. Checks heading hierarchy, image alt text, form labels, link text, ARIA landmarks, viewport zoom, and more.
Todos os cálculos são realizados localmente no seu navegador. Seus dados nunca saem do seu dispositivo.