TR ToolRux

WCAG Accessibility Checker

Paste HTML to check for WCAG 2.1 accessibility violations. Detects missing alt text, labels, heading order, ARIA issues, and more — all client-side.

Results

Paste HTML to check accessibility

Checks against WCAG 2.1 AA guidelines

WCAG Accessibility Checker

Rules Checked (15)

Images must have alternate text
<html> element must have a lang attribute
Documents must have a <title> element
Zooming and scaling must not be disabled
Heading levels should increase by one
Links must have discernible text
Buttons must have discernible text
Elements must have sufficient color contrast
Form elements must have labels
<ul> and <ol> must only have <li>, <script>, or <template> children
Elements should not have tabindex greater than 0
ARIA roles must be valid
Landmarks must have a unique role or label
<iframe> elements must have a title attribute
autocomplete attribute must have a valid value

Related Articles

Learn more about this topic

Related Tools

You might also find these useful

HTML Formatter

Format and validate your HTML structure.

Color Converter

Convert colors and check contrast ratios.

Meta Tag Generator

Generate accessible, SEO-friendly meta tags.
📖 Learn More

Everything you need to know

Why Check for Accessibility?

Web accessibility is not just a best practice — it's increasingly a legal requirement. The ADA in the US, the European Accessibility Act (EAA), and Section 508 all mandate that digital content be accessible to people with disabilities. This tool helps you catch WCAG 2.1 Level AA violations before they reach production.

What This Tool Checks

  • Image alt text — Ensures all <img> elements have descriptive alt attributes
  • Form labels — Verifies every input has a <label>, aria-label, or title
  • Heading order — Catches skipped heading levels (e.g., h1 → h3)
  • Empty links & buttons — Flags interactive elements without discernible text
  • ARIA roles — Validates that all role attributes use valid ARIA values
  • Viewport scaling — Detects user-scalable=no and restrictive maximum-scale
  • Color contrast — Checks inline styles for WCAG AA contrast ratio (4.5:1)
  • Document structure — Verifies <html lang>, <title>, and landmark uniqueness

100% Client-Side & Private

Your HTML is analyzed entirely in your browser using the native DOMParser API. Nothing is sent to any server, making this tool safe for checking proprietary or sensitive code.

How to Use the Results

Violations are sorted by severity (critical → minor). Click any violation to see the affected HTML elements and specific fix instructions. Each rule links to the Deque University documentation for deeper learning.

Related Tools

Validate your HTML structure with the HTML Formatter, optimize colors with the Color Converter, or test your meta tags with the Meta Tag Generator.