Illustration of a web accessibility dashboard showing keyboard, color contrast, and screen reader icons alongside the WCAG 2.2 labelHub

Web Accessibility Hub: Central Guide to WCAG 2.2

View contents

Web Accessibility Hub: Central Guide to WCAG 2.2

Introduction

Web accessibility is the practice of designing and building sites that people with disabilities can perceive, understand, navigate, and interact with without barriers. The reference standard is WCAG (Web Content Accessibility Guidelines) 2.2, published by the W3C, which organizes its requirements around four principles known as POUR: Perceivable, Operable, Understandable, and Robust.

The UXR SEO Analyzer automatically checks several of these accessibility signals—alt text, form labels, focus indicators, color contrast, and keyboard navigation—because an accessible page is almost always also a better-structured page for SEO and for AI-driven search systems.

This hub brings the site's accessibility articles together into a single curated index, organized by the four WCAG principles, and links to the deeper guides on the topic.

The Four WCAG Principles (POUR)

PrincipleWhat it requiresExample criterion
PerceivableInformation and interface components must be presentable to users in ways they can perceive1.1.1 Non-text Content (alt text)
OperableInterface components and navigation must be operable without relying on a single input method2.1.1 Keyboard
UnderstandableInformation and the operation of the interface must be understandable3.3.2 Labels or Instructions
RobustContent must be robust enough to be reliably interpreted by a wide range of user agents, including assistive technology4.1.2 Name, Role, Value

Conformance Levels: A, AA, AAA

WCAG defines three conformance levels, each building on the previous one:

  • Level A: the minimum level. It covers the most basic barriers that prevent some people with disabilities from accessing content.
  • Level AA: meets all Level A and AA success criteria. It's the standard most accessibility laws and policies require, and the recommended target for most sites.
  • Level AAA: meets all criteria across all three levels. It offers further improvements, but the W3C itself notes it is not recommended as a general requirement for entire sites, since some AAA criteria cannot be satisfied for all types of content.

For most projects, targeting Level AA is the practical recommendation: it balances real accessibility with implementation feasibility.

What's New in WCAG 2.2

WCAG 2.2 is the latest version of the guidelines and adds new success criteria focused on users with motor, cognitive, and low-vision needs. Among the most relevant:

  • 2.4.11 Focus Not Obscured (Minimum, AA): the component with keyboard focus must not be entirely hidden by overlapping content (sticky headers, chat widgets, banners).
  • 2.5.8 Target Size (Minimum, AA): clickable/touch targets must be at least 24×24px, with defined exceptions.
  • 2.4.13 Focus Appearance (AAA): requires a focus indicator with a defined minimum area and contrast.
  • 3.3.7 Redundant Entry (A): users should not be asked to re-enter information they already provided earlier in the same process.

These criteria add to the already-established ones from WCAG 2.1/2.0 (alt text, contrast, keyboard navigation, form labels, etc.), which remain the foundation of any accessibility audit.

Accessibility Article Index

The following articles cover, in detail, the WCAG criteria most frequently audited by the UXR SEO Analyzer:

Perceivable

  • Alt Text Explained — Requirements of criterion 1.1.1 Non-text Content and how to write effective alt text.
  • Color Contrast Explained — Minimum ratios from criterion 1.4.3 (4.5:1 normal text, 3:1 large text) and how to measure them.

Operable

Understandable

To go deeper than this general index, two hubs cover specific accessibility sub-areas in detail:

  • WCAG 2.2 Compliance Hub — Full implementation roadmap, testing tools, an accessibility statement template, and a reference of all success criteria by principle.
  • Accessible Components Hub — ARIA and keyboard patterns for building interface components (menus, modals, tabs) that are accessible by design.

Most Common Issues by Principle

Before diving into each article, this table summarizes the most frequent accessibility issues the UXR SEO Analyzer detects in real audits, grouped by the POUR principles:

PrincipleTypical issueWCAG criterion
PerceivableImages missing an alt attribute, or with empty alt on informative content1.1.1 (A)
PerceivableLight gray text on a white background, below 4.5:11.4.3 (AA)
OperableCustom components (dropdowns, carousels) unreachable with Tab2.1.1 (A)
Operableoutline: none applied without an alternative visible focus state2.4.7 (AA)
UnderstandableForm fields relying only on a placeholder as a label1.3.1 / 3.3.2 (A)
RobustARIA widgets with a role but no computable accessible name4.1.2 (A)

Each row in this table maps to a dedicated article in the index above, explaining the criterion in detail and how to fix it.

How to Start an Accessibility Audit

For teams just getting started, the recommended order is:

  1. Automated scan: run a tool like the UXR SEO Analyzer or axe-core to catch objective issues (missing alt text, contrast, missing labels).
  2. Keyboard review: navigate the entire page using only Tab, Shift+Tab, Enter, and Escape, checking that focus is always visible and in a logical order.
  3. Screen reader review: test at least one key page with NVDA, VoiceOver, or TalkBack.
  4. Prioritized fixes: tackle Level A criteria first, then AA, following the articles linked in this hub.

Why This Is Also SEO

Accessibility and SEO share technical signals: semantic HTML, correct heading hierarchy, descriptive alt text, and links with clear purpose benefit screen readers, search engine crawlers, and the content-extraction systems used by language models alike. Auditing accessibility with a tool like the UXR SEO Analyzer isn't an isolated compliance exercise—it's part of the same technical-quality work that improves rankings.

References

  1. W3C - WCAG 2.2 Specification
  2. W3C WAI - What's New in WCAG 2.2
  3. W3C WAI - WCAG 2 Level AA Conformance
  4. WebAIM - WCAG 2 Checklist
  5. W3C WAI - Understanding Success Criterion 2.5.8 Target Size
  6. W3C WAI - Understanding Success Criterion 2.4.11 Focus Not Obscured (Minimum)

Related articles

In the same category

Introduction

Aria Labels Explained

ARIA labels provide accessible names for elements that screen readers announce to users

Introduction

Keyboard Navigation Explained

Keyboard navigation is the ability to use a website with only a keyboard—no mouse, touchpad, or touchscreen required

Introduction

Color Contrast Explained

Color contrast is the difference in luminance between foreground (text) and background colors

Introduction

Form Labels Explained

Form labels are text descriptions that identify the purpose of form fields

Introduction

Focus Indicators Explained

Focus indicators are visual cues that show which interactive element on a page currently has keyboard focus

Other topics

Hub

Performance Seo Hub

Performance is a critical ranking factor and directly impacts user experience