Web Development · Foundations

WCAG Basics

Want it in plain words first? Jump to Eli explains — the same idea, no jargon.
On this page 9 sections
  1. In 30 seconds
  2. Why this matters
  3. The college version
  4. Eli explains
  5. Worked example
  6. Key takeaway
  7. Quick check
  8. Study tools
  9. Sources & references

In 30 seconds

The Web Content Accessibility Guidelines () are W3C guidance for making web content more accessible to people with disabilities. WCAG 2 organizes accessibility around four principles: content should be , , , and . Its testable success criteria are arranged at Levels A, AA, and AAA. WCAG is a framework for evaluating web content; it is not a promise that one automated scan, one feature, or one checklist item makes an experience accessible.

Why this matters

WCAG gives designers, developers, testers, and content authors a shared way to discuss accessibility requirements and tradeoffs. In a course or project, it helps turn a vague goal—"make it accessible"—into questions about whether people can perceive information, use controls, understand the interface, and use it with different technologies. Conformance requirements and legal obligations depend on context and jurisdiction, so this lesson treats WCAG as a technical standard rather than legal advice.

The college version

What WCAG is designed to organize

WCAG is developed through the World Wide Web Consortium's accessibility work and is used internationally as a technical framework for web accessibility. The current WCAG 2 family is organized in layers. At the highest layer are four principles, commonly abbreviated POUR: Perceivable, Operable, Understandable, and Robust. A person needs information and interface components to be available to their senses or assistive technology (perceivable); controls must be usable through available methods such as a keyboard (operable); content and operation must make sense (understandable); and the content must work reliably with user agents and assistive technologies as technologies change (robust).

These principles are deliberately broad. They help a team reason about a problem, but they are not individual pass/fail tests. For example, replacing an image with useful text may address a perceivable-information question, while a visible focus indicator concerns operation. A clear error message can support understanding. Valid, semantic markup can contribute to robust interpretation by different tools. One design decision can matter to more than one principle, and one principle contains many more specific requirements. WCAG therefore should not be reduced to a collection of isolated attributes or a screen-reader-only checklist.

From principles to testable requirements

Below the principles, WCAG 2 presents guidelines that state goals, then success criteria that are written to be testable. A is the level at which conformance is evaluated. Techniques and failures can help people understand ways to meet or fail a criterion, but they are informative guidance rather than the conformance requirements themselves. This distinction matters during a review: a tool may suggest a particular coding technique, yet the team should still identify the relevant success criterion and inspect whether the finished experience meets it.

The success criteria have three conformance levels: A, AA, and AAA. Level A is the baseline set of requirements; AA includes A plus additional requirements; AAA includes A and AA plus further requirements. That structure does not mean that an interface with a few AAA features has "earned AAA." A conformance claim needs to state the evaluated scope, the version of WCAG, and the , and it depends on meeting all applicable success criteria at that level for the complete process or page scope. WCAG also describes complete processes: if users must complete several steps to accomplish a task, accessibility must be considered across those steps rather than at a single attractive screen.

WCAG 2.2 extends the WCAG 2 series and is backward compatible with earlier WCAG 2 versions, according to W3C. A project should name the version and target it actually uses rather than casually saying "WCAG compliant." Contract terms, institutional policies, and laws can specify a version and level; interpreting those requirements is a legal or policy matter outside this lesson.

Using POUR without turning it into a survey

A productive early review uses POUR to form narrow questions about a user task. Suppose a site adds a "Save changes" control. Perceivable asks whether users can find out what the control is and what happened after activation. Operable asks whether it can be reached and activated with the supported input methods. Understandable asks whether its label and result are clear. Robust asks whether the control's semantics and state can be exposed consistently to user agents and assistive technology. Those questions guide design and testing; they do not substitute for checking applicable success criteria.

This approach also prevents a common mistake: treating WCAG as an implementation recipe. WCAG says what outcomes success criteria require, while a particular HTML element, ARIA pattern, test tool, or design system component is a possible means of achieving an outcome in context. Native semantic HTML is often a sound starting point, but no single markup choice proves that labels, instructions, focus behavior, errors, contrast, and task flow are all usable. Automated checks can locate some issues efficiently; human testing and careful review remain necessary for many questions about meaning, sequence, and interaction.

For a class project, record the scope of what you reviewed, the WCAG version and target level, the relevant success criteria, the evidence you observed, and the remaining uncertainty. That makes the work falsifiable and useful to the next person. It is more responsible than declaring an entire site accessible after checking one page or one tool result.

Eli, the EliExplains learning guide

Eli explains

The same idea, in plain words

Explain it like I’m 10

Think of WCAG as a set of questions a team uses when building a public library's website. Can people get the information in a form they can perceive? Can they operate the buttons with the ways they use a computer? Can they understand what will happen? Can their browser or assistive tool interpret the page? POUR is a memory aid for those four kinds of questions.

The questions get more specific as you go. The four big ideas are principles. More detailed, testable requirements are success criteria. Levels A, AA, and AAA tell you which groups of those requirements a conformance target includes. A team cannot fairly say a whole process meets a level because it checked only its homepage.

Picture it like this

POUR is like four safety categories for a bicycle: can you see it, operate it, understand how to use it, and rely on its parts working together? Each category points you toward checks, but none is a single magic inspection sticker.

Where the picture stops working

A bicycle is a physical object with a fixed set of parts; a web experience changes with content, devices, browsers, assistive technologies, and multi-step tasks. WCAG has specific written criteria, so the analogy cannot decide whether a page conforms.

Worked example

A student team adds a confirmation banner after a user saves profile changes. They do not declare the banner "WCAG compliant" just because it is visible. Using POUR, they ask: is the confirmation available as text rather than color alone (perceivable)? Can a keyboard user still reach the next needed control (operable)? Does the message say what was saved and what to do next, if anything (understandable)? Is the status communicated through appropriate semantics so assistive technologies can expose it (robust)? The team then identifies the applicable WCAG 2.2 success criteria, tests the real save flow, and documents the page/process scope and target level. The four questions organized the investigation; the criteria and observed behavior support any conformance conclusion.

Key takeaway

WCAG uses POUR to organize accessibility and success criteria to evaluate conformance. A credible claim names its WCAG version, level, and scope and is based on the complete experience—not one feature or scan.

Quick check

3 questions here, of 5 in this lesson’s practice set. Answers stay hidden until you check.

Question 1 of 3foundational

Which set names WCAG's four organizing principles?

Choose an answer, then check it.
Question 2 of 3intermediate

At what WCAG layer is conformance evaluated?

Choose an answer, then check it.
Question 3 of 3intermediate

A team says its checkout is "AA" because the final confirmation page was reviewed. What is the best response?

Choose an answer, then check it.
Practice all 5

Keep learning

Ready to build on this? Continue to the next lesson.

Practice this lesson
Study tools & related lessonsYou’ll learn to · Common mistakes · Easily confused · Key vocabulary · Related

You’ll learn to

  • Define WCAG and its four organizing principles.
  • Distinguish principles, guidelines, success criteria, and conformance levels.
  • Explain why Level A, AA, and AAA are not simply three ratings for a whole website.
  • Apply POUR to identify an accessibility question in a small interface change.

Common mistakes

  • Calling a page accessible after one automated scan passes.

    Use automated results as evidence for some checks, then inspect applicable criteria and real task behavior.

  • Treating POUR as four individual tests.

    Use the principles to organize reasoning; evaluate conformance against applicable success criteria.

  • Assuming AA means only a few extra optional features beyond A.

    A Level AA claim includes the applicable Level A and Level AA success criteria within the stated scope.

  • Saying a site is compliant without a version or scope.

    State the WCAG version, target level, and the complete page or process scope evaluated.

Easily confused

WCAG principle vs. WCAG success criterion

A principle is a broad organizing idea; a success criterion is a specific testable requirement used for conformance.

Technique vs. Conformance requirement

A technique is an informative way to address an outcome; the success criterion is the requirement being evaluated.

Key vocabulary

WCAG
The Web Content Accessibility Guidelines: W3C guidance that defines testable accessibility success criteria for web content.
perceivable
A WCAG principle requiring information and interface components to be available in ways users can perceive.
operable
A WCAG principle requiring users to be able to operate interface components and navigation.
understandable
A WCAG principle requiring information and operation of the interface to be understandable.
robust
A WCAG principle concerned with content being reliably interpreted by a range of user agents and assistive technologies.
success criterion
A testable WCAG requirement used to evaluate conformance.
conformance level
The WCAG grouping—A, AA, or AAA—that identifies which success criteria are included in a conformance target.

Sources & references

  1. WCAG 2 Overview — World Wide Web Consortium (W3C), Web Accessibility Initiative
  2. Web Content Accessibility Guidelines (WCAG) 2.2 — World Wide Web Consortium (W3C)

EliExplains lessons are original prose written from the open, credible references above. See Copyright & Licensing.

Researched 2026-08-20

Educational content only. It is not medical, legal or professional advice. Found an error? Tell us.