WCAG Checklist for Beginners 2026: Your Complete Guide to Web Accessibility | AccessiTool
Home ADA Checker EAA Checker PDF Checker Blog
Home / Blog / WCAG Checklist for Beginners

WCAG Checklist for Beginners 2026: Your Complete Guide to Web Accessibility

📅 Published: February 1, 2026 ⏱️ 10 min read 📂 WCAG Guide ✓ Beginner Friendly

New to web accessibility? The WCAG (Web Content Accessibility Guidelines) might seem overwhelming at first. There are 50+ success criteria across three levels — A, AA, and AAA.

But here's the good news: Most businesses only need to worry about Level A and Level AA. And this beginner-friendly checklist breaks it down into simple, actionable items.

📖 What is WCAG?

WCAG stands for Web Content Accessibility Guidelines. It's the international standard for making websites accessible to people with disabilities. Courts use WCAG 2.1 Level AA to determine ADA compliance.

Three levels:

  • Level A: Must have (minimum) — 30 criteria
  • Level AA: Should have (legal standard) — 20 additional criteria
  • Level AAA: Nice to have (optional) — 28 additional criteria

✅ Test Your Website Against WCAG

Use AccessiTool's free WCAG checker to see if your site meets Level AA standards.

Run Free WCAG Scan →

📋 Free Printable WCAG Checklist

Download or print this checklist to track your compliance progress.

WCAG 2.1 Level A Checklist (Must Have)

These are the minimum requirements. If your website fails any of these, you're at high legal risk.

👁️ 1. Perceivable — Can users perceive the content?

🔴 A
1.1.1 — Non-text Content

All images, icons, and graphics need alt text descriptions for screen readers.

Fix: Add alt attribute to all img tags
🔴 A
1.2.1 — Audio-only and Video-only

Provide alternatives for audio-only (podcasts) and video-only content.

Fix: Add text transcript
🔴 A
1.2.2 — Captions (Prerecorded)

All prerecorded videos need captions.

Fix: Add captions via YouTube/Vimeo or captioning service
🔴 A
1.3.1 — Info and Relationships

Use proper HTML (headings, lists, tables) — not just visual styling.

Fix: Use H1-H6, ul/ol, th/td correctly
🔴 A
1.3.2 — Meaningful Sequence

Content should make sense when read in code order.

Fix: Check tab order matches visual order
🔴 A
1.4.1 — Use of Color

Don't convey information using color alone.

Fix: Add text labels or icons alongside colors
🔴 A
1.4.2 — Audio Control

Auto-playing audio must have a way to pause/stop.

Fix: Add audio controls or don't autoplay

⌨️ 2. Operable — Can users navigate and interact?

🔴 A
2.1.1 — Keyboard

All functionality must work with a keyboard (no mouse required).

Fix: Test your site using only Tab and Enter keys
🔴 A
2.1.2 — No Keyboard Trap

Keyboard focus should never get stuck in a component.

Fix: Press Tab repeatedly — can you escape every element?
🔴 A
2.2.1 — Timing Adjustable

Users should be able to turn off, adjust, or extend time limits.

Fix: Avoid time limits or provide a warning/extension option
🔴 A
2.2.2 — Pause, Stop, Hide

Moving, blinking, scrolling, or auto-updating content must have controls.

Fix: Add pause buttons to carousels and animations
🔴 A
2.3.1 — Three Flashes or Below Threshold

No content should flash more than 3 times per second.

Fix: Remove flashing animations
🔴 A
2.4.1 — Bypass Blocks

Provide a way to skip repeated content (like navigation menus).

Fix: Add "Skip to main content" link
🔴 A
2.4.2 — Page Titled

Every page must have a descriptive title.

Fix: Add <title> tag in HTML head
🔴 A
2.4.3 — Focus Order

Keyboard focus order should preserve meaning.

Fix: Check tab order with Tab key
🔴 A
2.4.4 — Link Purpose (In Context)

Link text should describe the destination (not "click here").

Fix: Use "Read more about ADA compliance" instead of "Click here"

📖 3. Understandable — Can users understand the content?

🔴 A
3.1.1 — Language of Page

Declare the default language of your page.

Fix: Add lang="en" to html tag
🔴 A
3.2.1 — On Focus

Focusing an element shouldn't cause unexpected changes.

Fix: Don't auto-submit forms on focus
🔴 A
3.2.2 — On Input

Changing form values shouldn't cause unexpected changes.

Fix: Don't auto-submit on dropdown selection
🔴 A
3.3.1 — Error Identification

Clearly identify input errors.

Fix: Show error messages with descriptive text
🔴 A
3.3.2 — Labels or Instructions

Provide labels or instructions for form inputs.

Fix: Add visible labels to all form fields

🤖 4. Robust — Can assistive technologies read the content?

🔴 A
4.1.1 — Parsing

HTML must be valid with complete start/end tags.

Fix: Use HTML validator to check
🔴 A
4.1.2 — Name, Role, Value

Custom components must expose their name, role, and value to assistive tech.

Fix: Use ARIA attributes properly

WCAG 2.1 Level AA Checklist (Legal Standard)

These are required for ADA compliance. Most lawsuits reference Level AA criteria.

👁️ Level AA — Perceivable

🔵 AA
1.2.4 — Captions (Live)

Live audio/video needs captions.

Fix: Use live captioning service
🔵 AA
1.2.5 — Audio Description (Prerecorded)

Prerecorded video needs audio descriptions for important visual info.

Fix: Add audio description track
🔵 AA
1.3.4 — Orientation

Content not restricted to portrait or landscape orientation.

Fix: Ensure responsive design works in both orientations
🔵 AA
1.3.5 — Identify Input Purpose

Form fields should have autocomplete attributes.

Fix: Add autocomplete="name", autocomplete="email", etc.
🔵 AA
1.4.3 — Contrast (Minimum)

Text must have 4.5:1 contrast ratio (normal) or 3:1 (large).

Fix: Use AccessiTool's color contrast checker
🔵 AA
1.4.4 — Resize Text

Text must resize to 200% without loss of content or functionality.

Fix: Use relative units (em, rem) instead of pixels
🔵 AA
1.4.5 — Images of Text

Don't use images of text when text can be used.

Fix: Replace image-text with real HTML text
🔵 AA
1.4.10 — Reflow

Content should reflow to one column at 400% zoom.

Fix: Use responsive design with flexible widths
🔵 AA
1.4.11 — Non-text Contrast

UI components (buttons, icons) must have 3:1 contrast.

Fix: Check button borders and icon contrast
🔵 AA
1.4.12 — Text Spacing

Line height, paragraph spacing, and letter spacing can be adjusted.

Fix: Don't restrict text spacing with overflow:hidden
🔵 AA
1.4.13 — Content on Hover or Focus

Tooltips and popups must be dismissible and hoverable.

Fix: Add close buttons and ensure content stays visible

⌨️ Level AA — Operable

🔵 AA
2.4.5 — Multiple Ways

Provide multiple ways to find content (search, sitemap, navigation).

Fix: Add search box and sitemap page
🔵 AA
2.4.6 — Headings and Labels

Headings and labels should describe their purpose.

Fix: Use clear, descriptive headings (not "Click here")
🔵 AA
2.4.7 — Focus Visible

Keyboard focus must be visible at all times.

Fix: Add :focus { outline: 2px solid blue; } to CSS
🔵 AA
2.5.3 — Label in Name

Visible labels must match the accessible name.

Fix: Ensure button text matches what screen readers announce

📖 Level AA — Understandable

🔵 AA
3.1.2 — Language of Parts

Declare language changes within content.

Fix: Use lang attribute for different languages
🔵 AA
3.2.3 — Consistent Navigation

Navigation menus should be consistent across pages.

Fix: Use same navigation order on all pages
🔵 AA
3.2.4 — Consistent Identification

Same components should be identified consistently.

Fix: Use same icon/label for search across all pages
🔵 AA
3.3.3 — Error Suggestion

Provide suggestions for fixing input errors.

Fix: "Email must include @ symbol"
🔵 AA
3.3.4 — Error Prevention (Legal/Financial)

Legal/financial transactions must be reversible, checked, or confirmed.

Fix: Add confirmation screen before final submission

🔍 Test Your Website Against This Checklist

Run a free ADA compliance scan to see which criteria your website fails.

Run Free Scan →

WCAG 2.1 Level AAA (Optional — Not Required)

Level AAA is not required by law. It's for websites that want to be fully accessible to everyone. Skip these unless you have the resources.

  • Sign language interpretation (1.2.6)
  • Extended audio descriptions (1.2.7)
  • Contrast ratio 7:1 (1.4.6)
  • No background audio (1.4.7)
  • Visual presentation customization (1.4.8)
  • Images of text not used (1.4.9)
  • No time limits (2.2.3)
  • Interruptions can be postponed (2.2.4)
  • Authentication doesn't require memory (2.5.6)
  • Unusual words defined (3.1.3)
  • Abbreviations explained (3.1.4)
  • Reading level lower secondary (3.1.5)
  • Pronunciation guide (3.1.6)

Quick Start Guide: How to Use This Checklist

  1. Print this page — Click the "Print" button at the top
  2. Run an automated scan — Use AccessiTool's free WCAG checker
  3. Check each item — Mark ✓ when your site passes
  4. Fix failures — Start with Level A, then Level AA
  5. Rescan — Verify fixes worked

Internal Links: More Resources

Frequently Asked Questions

❓ What is WCAG 2.1 Level AA?▼
WCAG 2.1 Level AA is the legal standard for ADA compliance. It includes all Level A criteria (30 items) plus 20 additional Level AA criteria. Most courts use this standard.
❓ Do I need Level AAA compliance?▼
No. Level AAA is not required by any major accessibility law (ADA, Section 508, EAA, AODA). Only Level AA is legally required.
❓ How many WCAG success criteria are there?▼
WCAG 2.1 has 78 success criteria total — 30 Level A, 20 Level AA, and 28 Level AAA.
❓ Can I use a free tool to check WCAG compliance?▼
Yes. AccessiTool offers a free WCAG checker that tests your website against Level A and AA criteria. Try it here.

Final Thoughts

The WCAG checklist for beginners might seem long, but don't let it overwhelm you.

Start with the Level A items (must-haves). Fix those first. Then move to Level AA. Most businesses can achieve Level AA compliance in 1-3 days.

The most important step? Start today. Run a free scan. Fix one issue at a time. Your users — and your legal team — will thank you.

🚀 Ready to Check Your Website?

Free WCAG 2.1 Level AA scan. No signup. Instant results.

Scan My Website Free →

10 seconds. No credit card. No signup.

📚 Table of Contents

📋 Print This Checklist

Click the button to print or save as PDF.

🔍 Free WCAG Scan

Test your website against this checklist automatically.

Start Free Scan

📖 Related Guides

Share