WCAG Conformance Levels

The Web Content Accessibility Guidelines (WCAG) organize their success criteria into three conformance levels: A (minimum), AA (mid-range), and AAA (highest). Each level builds on the one below it, meaning a site that conforms to Level AA also satisfies every Level A criterion. These levels provide a structured roadmap for organizations to progressively improve the accessibility of their digital content, giving developers, designers, and stakeholders a shared vocabulary for discussing compliance targets.

Conformance levels were introduced so that organizations can set realistic, measurable goals. Not every success criterion carries the same weight—some address fundamental barriers that would make content completely unusable, while others refine the experience for a broader range of disabilities. By stratifying criteria into levels, WCAG lets teams prioritize the fixes that matter most and work toward higher conformance over time.

Why WCAG Conformance Levels matter

Millions of people rely on assistive technologies—screen readers, switch devices, magnification software—to navigate the web. Without a clear conformance target, teams often fix superficial issues while leaving critical barriers in place. The leveled approach ensures that the most severe blockers are addressed first.

Level A criteria tackle the absolute essentials. Failing at this level means some users simply cannot access core content at all. For example, missing alt attributes on images (Success Criterion 1.1.1) or content that cannot be operated with a keyboard (Success Criterion 2.1.1) are Level A failures.

Level AA is the most widely adopted target. It is referenced in laws and regulations around the world, including the European Accessibility Act, Section 508 in the United States, and the Accessibility for Ontarians with Disabilities Act. Criteria at this level include sufficient color contrast (Success Criterion 1.4.3) and reflow for responsive layouts (Success Criterion 1.4.10).

Level AAA represents the gold standard. Full AAA conformance across an entire site is not always feasible—WCAG itself notes this—but individual AAA criteria (like sign language interpretation for video or enhanced contrast ratios) can be adopted where practical to serve the widest possible audience.

Without a clear conformance level goal, organizations risk legal exposure, exclude users, and produce inconsistent experiences. An accessibility audit typically benchmarks a site against a specific level so that gaps are clearly identified and prioritized.

How WCAG Conformance Levels work

Level A — Essential accessibility

Level A success criteria remove the most fundamental barriers. These include providing text alternatives for non-text content, ensuring all functionality is available from a keyboard, and avoiding content that flashes more than three times per second. Meeting Level A is the bare minimum for any accessible website.

Level AA — Standard accessibility

Level AA adds criteria that address a wider range of situations. Color contrast ratios of at least 4.5:1 for normal text and 3:1 for large text fall here, as do requirements for consistent navigation, visible focus indicators, and meaningful page titles. Most accessibility policies and procurement requirements reference Level AA.

Level AAA — Enhanced accessibility

Level AAA criteria push accessibility further: enhanced contrast ratios of 7:1 for normal text, no timing limits on interactions, and additional context for links. While full AAA conformance site-wide is aspirational, applying individual AAA criteria—especially in content-heavy or government contexts—significantly improves usability.

Conformance claims

A valid conformance claim specifies the WCAG version (e.g., WCAG 2.2), the conformance level (A, AA, or AAA), and the scope (specific pages or the entire site). Conformance at a given level requires meeting all success criteria at that level and all lower levels.

Code examples

Bad example — Fails Level A and Level AA

The following snippet is missing a text alternative for the image (Level A, SC 1.1.1), uses insufficient color contrast (Level AA, SC 1.4.3), and lacks a visible focus style (Level AA, SC 2.4.7):

<a href="/products" style="outline: none;">
  <img src="sale-banner.jpg">
  <p style="color: #aaa; background-color: #fff;">Shop our latest deals</p>
</a>

Problems:

• The <img> has no alt attribute, leaving screen reader users without any indication of the image's purpose.
• The text color #aaa on a #fff background yields a contrast ratio of roughly 2.3:1—well below the 4.5:1 AA requirement.
• outline: none removes the browser's default focus indicator with no replacement.

Good example — Meets Level AA

<a href="/products" class="promo-link">
  <img src="sale-banner.jpg" alt="Summer sale: up to 50% off selected items">
  <p class="promo-text">Shop our latest deals</p>
</a>

<style>
  .promo-text {
    color: #595959;
    background-color: #ffffff;
    /* Contrast ratio ≈ 7:1 — meets AA and AAA */
  }

  .promo-link:focus-visible {
    outline: 3px solid #0056b3;
    outline-offset: 2px;
  }
</style>

What changed:

• A descriptive alt attribute satisfies SC 1.1.1 (Level A).
• The text color #595959 on #ffffff achieves a contrast ratio of approximately 7:1, surpassing the 4.5:1 AA threshold and even meeting the 7:1 AAA threshold.
• The :focus-visible rule provides a clearly visible focus indicator when users navigate with a keyboard, satisfying SC 2.4.7 (Level AA).

By setting a conformance level target—typically AA—and systematically auditing against its success criteria, teams can transform a site from inaccessible to inclusive in a structured, measurable way.