Website Accessibility & WCAG 2.2 Auditor is a free online tool designed for web developers, site owners, designers, and legal teams to test whether digital content complies with international accessibility benchmarks, European directives, and US federal laws.

What is Web Accessibility?

Web Accessibility (a11y) means designing websites and digital services so that everyone—regardless of visual, auditory, motor, or cognitive impairments—can perceive, understand, navigate, and interact with the web effectively. This includes people who rely on screen readers, zoom text up to 400%, navigate using keyboard controls only, or have color vision deficiencies.

A touch of web design irony: Modern web designers love rendering body text in 11px light-gray font on pure white backgrounds because "it looks sleek and minimalist." Yet users with glasses or those browsing under bright sunlight feel like they're solving a top-secret visual puzzle. And don't forget icon-only buttons without labels, which screen readers announce to blind users simply as: "Button... Button... Blank Link"—leaving the user guessing whether clicking it will buy a product or delete their account.

Who Created Accessibility Standards? (History & W3C / WAI)

Accessibility standards are developed and maintained by the W3C (World Wide Web Consortium) and its WAI (Web Accessibility Initiative) working group. Founded in 1994 by the inventor of the World Wide Web, Tim Berners-Lee, the W3C set out to keep the web open, universal, and accessible to all human beings.

  • WCAG 1.0 (1999): The initial web accessibility guidelines published at the dawn of the commercial web.
  • WCAG 2.0 (2008): A landmark standard structured around 4 core principles: Perceivable, Operable, Understandable, and Robust (POUR).
  • WCAG 2.1 (2018): Expanded requirements for mobile devices, touch controls, zoom levels, and orientation responsiveness.
  • WCAG 2.2 (2023): The latest benchmark introducing strict minimum click target sizes (Target Size at least 24x24px / 44x44px), accessible authentication (avoiding impossible CAPTCHAs), and predictable focus states.

Web accessibility is no longer just a nice-to-have gesture—it is a legally enforced mandate worldwide:

  • 🇪🇺 European Accessibility Act (EAA 2025 / Directive 2019/882): Enforcement begins on June 28, 2025 across all EU member states. Mandatory for e-commerce, banking, transport, and digital services operating in the EU. Non-compliance carries severe administrative fines and legal warnings.
  • 🇺🇸 US ADA Title III & Section 508: US federal courts consistently rule that websites are places of public accommodation. Thousands of accessibility lawsuits are filed annually against businesses lacking screen-reader compatibility.
  • 🇨🇦 AODA, 🇩🇪 BITV, 🇫🇷 RGAA: Regional legislation mandating WCAG 2.1 / 2.2 Level AA compliance.

WCAG Conformance Levels: Level A, AA, and AAA

  • Level A (Minimum Baseline): Eliminates critical barriers (e.g., images missing alt text, unlabeled form fields). Without Level A, a website is unusable for screen reader users.
  • Level AA (Recommended Legal Standard): The universal legal standard required by EAA 2025 and ADA Title III. Ensures proper heading structure, contrast ratios, and mobile responsiveness.
  • Level AAA (Maximum Strictness): The highest level reserved for specialized applications, prohibiting fixed px font sizes and tight element spacing.

Common Website "Sins" Detected by this Auditor:

  1. alt="banner_final_v2.jpg" – Computers cannot interpret image pixels unless you explicitly explain what is shown.
  2. Link text: "Read more" (used 30 times on the same page) – On a screen reader link list, this sounds like a monotone chant with zero context.
  3. Blocking viewport zoom (user-scalable=no) – Prevents low-vision users from pinching to enlarge text on mobile screens.
  4. Clickable <div onclick="..."> elements – Looks pretty, but cannot be triggered by pressing Enter or Space on a keyboard.