ADA Website Compliance Checklist for 2025: Every Item You Need to Check

# ADA Website Compliance Checklist for 2025: Every Item You Need to Check

---

Checklists work. That's why pilots use them before every flight, surgeons use them before every procedure, and smart business owners use them before their websites become litigation targets.

In 2025, over 5,100 federal ADA website accessibility lawsuits were filed — a 37% increase from the year before. Most of those defendants had no idea their website had issues until they received a demand letter.

This checklist helps you spot problems before a plaintiff's attorney does. We've organized it by category and priority level so you know what to fix first.

A quick honest note before you start: this checklist covers the most common and testable WCAG 2.1 AA requirements. No checklist — and no automated tool — can guarantee full legal compliance. A clean scan plus this checklist gets you most of the way there, but complex interactions and edge cases still benefit from human review.

With that said, let's get to work.

---

How to Use This Checklist

Each item is labeled with:

• Priority: 🔴 Critical | 🟡 Important | 🟢 Nice-to-Have
• WCAG Criterion: The specific standard it maps to
• Type: Technical (code) | Design (visual) | Content (copy) | Legal (documentation)

Start with 🔴 Critical items. These are the most commonly cited violations in lawsuits and the most likely to affect users with disabilities right now.

---

Section 1: Images and Visual Content

🔴 1.1 — All meaningful images have alt text

• WCAG: 1.1.1 Non-text Content
• Type: Technical / Content
• Every tag should have an alt attribute describing what the image shows
• Decorative images should have alt="" (empty) so screen readers skip them
• Bad: | Good:

🔴 1.2 — Complex images have extended descriptions

• WCAG: 1.1.1 Non-text Content
• Type: Content
• Charts, graphs, infographics, and diagrams need text descriptions that convey the same information
• A caption saying "Figure 1: Sales growth" is not enough — describe the actual data

🟡 1.3 — Images of text are avoided

• WCAG: 1.4.5 Images of Text
• Type: Design / Technical
• Don't use images to display text that could be real HTML text
• Exception: logos and text that is essential to the message

🟡 1.4 — Video has captions

• WCAG: 1.2.2 Captions (Prerecorded)
• Type: Content
• All pre-recorded video with spoken audio needs synchronized captions
• Auto-generated captions (YouTube, etc.) must be reviewed for accuracy

🟢 1.5 — Audio-only content has transcripts

• WCAG: 1.2.1 Audio-only
• Type: Content
• Podcasts and audio clips need text transcripts

---

Section 2: Color and Visual Design

🔴 2.1 — Normal text meets 4.5:1 contrast ratio

• WCAG: 1.4.3 Contrast (Minimum)
• Type: Design
• Small text (below 18pt or 14pt bold) needs at least 4.5:1 contrast against background
• Test tool: WebAIM Contrast Checker (free)

🔴 2.2 — Large text meets 3:1 contrast ratio

• WCAG: 1.4.3 Contrast (Minimum)
• Type: Design
• Text 18pt+ or 14pt+ bold can use the lower 3:1 threshold

🔴 2.3 — Information is not conveyed by color alone

• WCAG: 1.4.1 Use of Color
• Type: Design
• Required form fields shouldn't only be marked with a red border — also add an asterisk or label
• Error messages shouldn't only turn text red — add an icon or explicit "Error:" label

🟡 2.4 — Focus indicators are visible

• WCAG: 2.4.7 Focus Visible
• Type: Design / Technical
• When a user navigates with Tab, the focused element must be visually highlighted
• Many sites override outline: none in CSS — this breaks keyboard navigation entirely

🟡 2.5 — UI components meet 3:1 contrast against background

• WCAG: 1.4.11 Non-text Contrast (WCAG 2.1)
• Type: Design
• Buttons, form fields, checkboxes, and other UI components need 3:1 contrast ratio

---

Section 3: Keyboard and Navigation

🔴 3.1 — All functionality works with keyboard only

• WCAG: 2.1.1 Keyboard
• Type: Technical
• Every link, button, form field, and interactive element must be reachable with Tab and operable with Enter/Space
• Test: unplug your mouse and navigate your entire site

🔴 3.2 — No keyboard traps

• WCAG: 2.1.2 No Keyboard Trap
• Type: Technical
• Users must be able to navigate OUT of every component (especially modals and custom widgets) using only the keyboard
• Modals should close with Escape

🔴 3.3 — Skip navigation link is present

• WCAG: 2.4.1 Bypass Blocks
• Type: Technical
• A "Skip to main content" link should be the first focusable element on every page
• It can be visually hidden but must appear on focus

🟡 3.4 — Page has a logical tab order

• WCAG: 1.3.2 Meaningful Sequence / 2.4.3 Focus Order
• Type: Technical
• Tab order should follow the visual/reading order of the page
• Avoid using tabindex values greater than 0 to reorder focus

🟡 3.5 — Dropdown menus are keyboard accessible

• WCAG: 2.1.1 Keyboard
• Type: Technical
• Navigation menus that open on hover should also open on focus/Enter and close on Escape

---

Section 4: Forms

🔴 4.1 — All form inputs have visible labels

• WCAG: 1.3.1 Info and Relationships / 3.3.2 Labels or Instructions
• Type: Technical / Design
• Every , , and </code> needs an associated <code class="rounded bg-gray-100 px-1.5 py-0.5 text-xs font-mono text-[var(--text-primary)]"><label></code> element</span></li> <li class="flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]"><span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]"></span><span>Placeholder text alone is NOT a sufficient label</span></li> </ul> <p class="my-4 text-sm leading-relaxed text-[var(--text-secondary)]"><strong>🔴 4.2 — Required fields are identified</strong></p> <ul class="my-4 space-y-2 pl-2"> <li class="flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]"><span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]"></span><span>WCAG: 3.3.2 Labels or Instructions</span></li> <li class="flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]"><span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]"></span><span>Type: Technical / Content</span></li> <li class="flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]"><span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]"></span><span>Required fields must be marked with more than just color</span></li> <li class="flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]"><span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]"></span><span>Include <code class="rounded bg-gray-100 px-1.5 py-0.5 text-xs font-mono text-[var(--text-primary)]">required</code> attribute on inputs for screen reader support</span></li> </ul> <p class="my-4 text-sm leading-relaxed text-[var(--text-secondary)]"><strong>🔴 4.3 — Error messages are descriptive and linked to the field</strong></p> <ul class="my-4 space-y-2 pl-2"> <li class="flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]"><span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]"></span><span>WCAG: 3.3.1 Error Identification / 3.3.3 Error Suggestion</span></li> <li class="flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]"><span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]"></span><span>Type: Technical / Content</span></li> <li class="flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]"><span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]"></span><span>"Invalid input" is not enough — say "Please enter a valid email address"</span></li> <li class="flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]"><span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]"></span><span>Error message should be associated with the specific field that has the error</span></li> </ul> <p class="my-4 text-sm leading-relaxed text-[var(--text-secondary)]"><strong>🟡 4.4 — Form has autocomplete attributes where appropriate</strong></p> <ul class="my-4 space-y-2 pl-2"> <li class="flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]"><span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]"></span><span>WCAG: 1.3.5 Identify Input Purpose (WCAG 2.1)</span></li> <li class="flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]"><span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]"></span><span>Type: Technical</span></li> <li class="flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]"><span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]"></span><span>Add <code class="rounded bg-gray-100 px-1.5 py-0.5 text-xs font-mono text-[var(--text-primary)]">autocomplete="name"</code>, <code class="rounded bg-gray-100 px-1.5 py-0.5 text-xs font-mono text-[var(--text-primary)]">autocomplete="email"</code>, etc. to relevant fields</span></li> <li class="flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]"><span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]"></span><span>Helps users with cognitive disabilities and reduces input errors</span></li> </ul> <p class="my-4 text-sm leading-relaxed text-[var(--text-secondary)]"><strong>🟡 4.5 — CAPTCHA has an accessible alternative</strong></p> <ul class="my-4 space-y-2 pl-2"> <li class="flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]"><span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]"></span><span>WCAG: 1.1.1 Non-text Content</span></li> <li class="flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]"><span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]"></span><span>Type: Technical</span></li> <li class="flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]"><span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]"></span><span>If you use CAPTCHA, provide an audio or other non-visual alternative</span></li> <li class="flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]"><span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]"></span><span>Better option: use honeypot techniques that don't require user interaction</span></li> </ul> <hr class="my-8 border-[var(--border)]" /> <h2 class="mb-3 mt-10 text-xl font-bold text-[var(--text-primary)]">Section 5: Structure and Semantics</h2> <p class="my-4 text-sm leading-relaxed text-[var(--text-secondary)]"><strong>🔴 5.1 — Page has a meaningful title</strong></p> <ul class="my-4 space-y-2 pl-2"> <li class="flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]"><span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]"></span><span>WCAG: 2.4.2 Page Titled</span></li> <li class="flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]"><span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]"></span><span>Type: Technical / Content</span></li> <li class="flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]"><span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]"></span><span>Every page's <code class="rounded bg-gray-100 px-1.5 py-0.5 text-xs font-mono text-[var(--text-primary)]"><title></code> tag should describe the page content</span></li> <li class="flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]"><span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]"></span><span>Don't use "Home" — use "Accessibility Audit Tool | CheckMyADA"</span></li> </ul> <p class="my-4 text-sm leading-relaxed text-[var(--text-secondary)]"><strong>🔴 5.2 — Heading hierarchy is logical</strong></p> <ul class="my-4 space-y-2 pl-2"> <li class="flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]"><span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]"></span><span>WCAG: 1.3.1 Info and Relationships</span></li> <li class="flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]"><span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]"></span><span>Type: Technical / Content</span></li> <li class="flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]"><span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]"></span><span>Only one <code class="rounded bg-gray-100 px-1.5 py-0.5 text-xs font-mono text-[var(--text-primary)]"><h1></code> per page; <code class="rounded bg-gray-100 px-1.5 py-0.5 text-xs font-mono text-[var(--text-primary)]"><h2></code> through <code class="rounded bg-gray-100 px-1.5 py-0.5 text-xs font-mono text-[var(--text-primary)]"><h6></code> in descending order</span></li> <li class="flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]"><span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]"></span><span>Don't skip from <code class="rounded bg-gray-100 px-1.5 py-0.5 text-xs font-mono text-[var(--text-primary)]"><h1></code> to <code class="rounded bg-gray-100 px-1.5 py-0.5 text-xs font-mono text-[var(--text-primary)]"><h4></code> — screen readers use headings to navigate</span></li> </ul> <p class="my-4 text-sm leading-relaxed text-[var(--text-secondary)]"><strong>🔴 5.3 — Language is declared in HTML</strong></p> <ul class="my-4 space-y-2 pl-2"> <li class="flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]"><span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]"></span><span>WCAG: 3.1.1 Language of Page</span></li> <li class="flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]"><span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]"></span><span>Type: Technical</span></li> <li class="flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]"><span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]"></span><span><code class="rounded bg-gray-100 px-1.5 py-0.5 text-xs font-mono text-[var(--text-primary)]"><html lang="en"></code> must be set (or appropriate language code)</span></li> <li class="flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]"><span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]"></span><span>If content switches languages mid-page, use <code class="rounded bg-gray-100 px-1.5 py-0.5 text-xs font-mono text-[var(--text-primary)]">lang</code> attribute on that element</span></li> </ul> <p class="my-4 text-sm leading-relaxed text-[var(--text-secondary)]"><strong>🟡 5.4 — Landmark regions are used</strong></p> <ul class="my-4 space-y-2 pl-2"> <li class="flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]"><span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]"></span><span>WCAG: 1.3.1 Info and Relationships</span></li> <li class="flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]"><span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]"></span><span>Type: Technical</span></li> <li class="flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]"><span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]"></span><span>Use semantic HTML: <code class="rounded bg-gray-100 px-1.5 py-0.5 text-xs font-mono text-[var(--text-primary)]"><header></code>, <code class="rounded bg-gray-100 px-1.5 py-0.5 text-xs font-mono text-[var(--text-primary)]"><nav></code>, <code class="rounded bg-gray-100 px-1.5 py-0.5 text-xs font-mono text-[var(--text-primary)]"><main></code>, <code class="rounded bg-gray-100 px-1.5 py-0.5 text-xs font-mono text-[var(--text-primary)]"><footer></code>, <code class="rounded bg-gray-100 px-1.5 py-0.5 text-xs font-mono text-[var(--text-primary)]"><aside></code></span></li> <li class="flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]"><span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]"></span><span>Or add ARIA roles: <code class="rounded bg-gray-100 px-1.5 py-0.5 text-xs font-mono text-[var(--text-primary)]">role="navigation"</code>, <code class="rounded bg-gray-100 px-1.5 py-0.5 text-xs font-mono text-[var(--text-primary)]">role="main"</code>, etc.</span></li> </ul> <p class="my-4 text-sm leading-relaxed text-[var(--text-secondary)]"><strong>🟡 5.5 — Lists use proper list markup</strong></p> <ul class="my-4 space-y-2 pl-2"> <li class="flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]"><span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]"></span><span>WCAG: 1.3.1 Info and Relationships</span></li> <li class="flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]"><span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]"></span><span>Type: Technical</span></li> <li class="flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]"><span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]"></span><span>Navigation menus, bullet lists, and numbered steps should use <code class="rounded bg-gray-100 px-1.5 py-0.5 text-xs font-mono text-[var(--text-primary)]"><ul></code>, <code class="rounded bg-gray-100 px-1.5 py-0.5 text-xs font-mono text-[var(--text-primary)]"><ol></code>, and <code class="rounded bg-gray-100 px-1.5 py-0.5 text-xs font-mono text-[var(--text-primary)]"><li></code> elements</span></li> </ul> <hr class="my-8 border-[var(--border)]" /> <h2 class="mb-3 mt-10 text-xl font-bold text-[var(--text-primary)]">Section 6: Links and Buttons</h2> <p class="my-4 text-sm leading-relaxed text-[var(--text-secondary)]"><strong>🔴 6.1 — Link text is descriptive</strong></p> <ul class="my-4 space-y-2 pl-2"> <li class="flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]"><span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]"></span><span>WCAG: 2.4.4 Link Purpose</span></li> <li class="flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]"><span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]"></span><span>Type: Content</span></li> <li class="flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]"><span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]"></span><span>Avoid "click here," "read more," "learn more" without context</span></li> <li class="flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]"><span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]"></span><span>Good: "Download our ADA compliance checklist PDF"</span></li> <li class="flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]"><span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]"></span><span>Bad: "Click here"</span></li> </ul> <p class="my-4 text-sm leading-relaxed text-[var(--text-secondary)]"><strong>🔴 6.2 — Buttons have descriptive labels</strong></p> <ul class="my-4 space-y-2 pl-2"> <li class="flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]"><span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]"></span><span>WCAG: 4.1.2 Name, Role, Value</span></li> <li class="flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]"><span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]"></span><span>Type: Technical / Content</span></li> <li class="flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]"><span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]"></span><span>Icon-only buttons need <code class="rounded bg-gray-100 px-1.5 py-0.5 text-xs font-mono text-[var(--text-primary)]">aria-label</code>: <code class="rounded bg-gray-100 px-1.5 py-0.5 text-xs font-mono text-[var(--text-primary)]"><button aria-label="Close menu">X</button></code></span></li> </ul> <p class="my-4 text-sm leading-relaxed text-[var(--text-secondary)]"><strong>🟡 6.3 — Links that open in new tabs warn users</strong></p> <ul class="my-4 space-y-2 pl-2"> <li class="flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]"><span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]"></span><span>WCAG: 3.2.2 On Input (related)</span></li> <li class="flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]"><span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]"></span><span>Type: Content / Technical</span></li> <li class="flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]"><span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]"></span><span>Links opening in a new tab should indicate this: "Opens in new window" or an icon with <code class="rounded bg-gray-100 px-1.5 py-0.5 text-xs font-mono text-[var(--text-primary)]">aria-label</code></span></li> </ul> <p class="my-4 text-sm leading-relaxed text-[var(--text-secondary)]"><strong>🟡 6.4 — Links are distinguishable from body text</strong></p> <ul class="my-4 space-y-2 pl-2"> <li class="flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]"><span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]"></span><span>WCAG: 1.4.1 Use of Color</span></li> <li class="flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]"><span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]"></span><span>Type: Design</span></li> <li class="flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]"><span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]"></span><span>Links should not rely solely on color to be distinguishable — add underline or another visual indicator</span></li> </ul> <hr class="my-8 border-[var(--border)]" /> <h2 class="mb-3 mt-10 text-xl font-bold text-[var(--text-primary)]">Section 7: PDFs and Documents</h2> <p class="my-4 text-sm leading-relaxed text-[var(--text-secondary)]"><strong>🟡 7.1 — PDFs are tagged for accessibility</strong></p> <ul class="my-4 space-y-2 pl-2"> <li class="flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]"><span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]"></span><span>WCAG: 1.1.1 / 1.3.1</span></li> <li class="flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]"><span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]"></span><span>Type: Technical</span></li> <li class="flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]"><span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]"></span><span>Scanned/image PDFs are not accessible — text must be real text, not an image</span></li> <li class="flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]"><span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]"></span><span>PDFs should have proper heading structure, alt text, and reading order</span></li> </ul> <p class="my-4 text-sm leading-relaxed text-[var(--text-secondary)]"><strong>🟡 7.2 — Downloadable files have accessible alternatives</strong></p> <ul class="my-4 space-y-2 pl-2"> <li class="flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]"><span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]"></span><span>WCAG: 1.1.1</span></li> <li class="flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]"><span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]"></span><span>Type: Content</span></li> <li class="flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]"><span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]"></span><span>Consider providing critical information in HTML format instead of (or in addition to) PDF</span></li> </ul> <p class="my-4 text-sm leading-relaxed text-[var(--text-secondary)]"><strong>🟢 7.3 — Office documents use accessibility features</strong></p> <ul class="my-4 space-y-2 pl-2"> <li class="flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]"><span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]"></span><span>WCAG: 1.1.1</span></li> <li class="flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]"><span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]"></span><span>Type: Technical</span></li> <li class="flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]"><span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]"></span><span>Word and PowerPoint files offered for download should use built-in accessibility tools</span></li> </ul> <hr class="my-8 border-[var(--border)]" /> <h2 class="mb-3 mt-10 text-xl font-bold text-[var(--text-primary)]">Section 8: Legal and Documentation</h2> <p class="my-4 text-sm leading-relaxed text-[var(--text-secondary)]"><strong>🟡 8.1 — Accessibility statement is published</strong></p> <ul class="my-4 space-y-2 pl-2"> <li class="flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]"><span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]"></span><span>Not a WCAG criterion, but best practice and required by some laws</span></li> <li class="flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]"><span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]"></span><span>Type: Legal</span></li> <li class="flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]"><span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]"></span><span>Include: commitment to accessibility, standard you follow, known limitations, contact information, feedback mechanism</span></li> </ul> <p class="my-4 text-sm leading-relaxed text-[var(--text-secondary)]"><strong>🟡 8.2 — Contact method for accessibility issues is provided</strong></p> <ul class="my-4 space-y-2 pl-2"> <li class="flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]"><span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]"></span><span>Type: Legal</span></li> <li class="flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]"><span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]"></span><span>Users should have a way to request accessible content or report barriers</span></li> <li class="flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]"><span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]"></span><span>Phone, email, or contact form are all acceptable</span></li> </ul> <p class="my-4 text-sm leading-relaxed text-[var(--text-secondary)]"><strong>🟢 8.3 — Regular accessibility audit schedule is documented</strong></p> <ul class="my-4 space-y-2 pl-2"> <li class="flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]"><span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]"></span><span>Type: Legal</span></li> <li class="flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]"><span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]"></span><span>Document when your last audit was and when the next one is scheduled</span></li> <li class="flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]"><span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]"></span><span>Annual audits are a reasonable baseline; more frequent if site changes often</span></li> </ul> <p class="my-4 text-sm leading-relaxed text-[var(--text-secondary)]"><strong>🟢 8.4 — Third-party widget accessibility is evaluated</strong></p> <ul class="my-4 space-y-2 pl-2"> <li class="flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]"><span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]"></span><span>Type: Technical / Legal</span></li> <li class="flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]"><span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]"></span><span>Embedded chat widgets, booking systems, and social feeds affect your site's overall accessibility</span></li> <li class="flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]"><span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]"></span><span>Check vendor accessibility documentation; note any known limitations in your accessibility statement</span></li> </ul> <hr class="my-8 border-[var(--border)]" /> <h2 class="mb-3 mt-10 text-xl font-bold text-[var(--text-primary)]">Priority Summary: What to Fix First</h2> <p class="my-4 text-sm leading-relaxed text-[var(--text-secondary)]">If you're overwhelmed, work through this order:</p> <p class="my-4 text-sm leading-relaxed text-[var(--text-secondary)]"><strong>Immediate (this week):</strong></p> <p class="my-4 text-sm leading-relaxed text-[var(--text-secondary)]">1. Add alt text to all images missing it</p> <p class="my-4 text-sm leading-relaxed text-[var(--text-secondary)]">2. Fix color contrast failures on body text</p> <p class="my-4 text-sm leading-relaxed text-[var(--text-secondary)]">3. Add visible labels to all form inputs</p> <p class="my-4 text-sm leading-relaxed text-[var(--text-secondary)]">4. Add descriptive link text (replace "click here")</p> <p class="my-4 text-sm leading-relaxed text-[var(--text-secondary)]">5. Add a skip navigation link</p> <p class="my-4 text-sm leading-relaxed text-[var(--text-secondary)]"><strong>Short-term (this month):</strong></p> <p class="my-4 text-sm leading-relaxed text-[var(--text-secondary)]">6. Ensure all functionality works with keyboard only</p> <p class="my-4 text-sm leading-relaxed text-[var(--text-secondary)]">7. Fix heading hierarchy issues</p> <p class="my-4 text-sm leading-relaxed text-[var(--text-secondary)]">8. Add error descriptions to form validation</p> <p class="my-4 text-sm leading-relaxed text-[var(--text-secondary)]">9. Declare page language in HTML</p> <p class="my-4 text-sm leading-relaxed text-[var(--text-secondary)]">10. Post an accessibility statement</p> <p class="my-4 text-sm leading-relaxed text-[var(--text-secondary)]"><strong>Ongoing:</strong></p> <ul class="my-4 space-y-2 pl-2"> <li class="flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]"><span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]"></span><span>Caption new videos</span></li> <li class="flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]"><span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]"></span><span>Review PDFs for accessibility</span></li> <li class="flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]"><span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]"></span><span>Test major updates with keyboard navigation</span></li> <li class="flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]"><span class="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]"></span><span>Run quarterly automated scans</span></li> </ul> <hr class="my-8 border-[var(--border)]" /> <h2 class="mb-3 mt-10 text-xl font-bold text-[var(--text-primary)]">How to Audit Your Site Against This Checklist</h2> <p class="my-4 text-sm leading-relaxed text-[var(--text-secondary)]"><strong>Step 1: Automated scan first.</strong> Use the free scan at <a href="/free-scan" class="text-[var(--primary)] hover:underline">CheckMyADA</a> to identify the most common technical violations automatically. This covers roughly 30-40% of WCAG criteria.</p> <p class="my-4 text-sm leading-relaxed text-[var(--text-secondary)]"><strong>Step 2: Keyboard test.</strong> Unplug your mouse (or put it aside) and navigate your entire site using only Tab, Enter, Space, and arrow keys. Try filling out your contact form. Try navigating your menu. Note anything that doesn't work.</p> <p class="my-4 text-sm leading-relaxed text-[var(--text-secondary)]"><strong>Step 3: Color contrast check.</strong> Use browser extensions like Axe or Colour Contrast Analyser to check your text against the 4.5:1 threshold.</p> <p class="my-4 text-sm leading-relaxed text-[var(--text-secondary)]"><strong>Step 4: Screen reader test.</strong> Download NVDA (free, Windows) or use VoiceOver (built-in on Mac) and listen to your homepage. Notice anything confusing or missing?</p> <p class="my-4 text-sm leading-relaxed text-[var(--text-secondary)]"><strong>Step 5: Review the legal section.</strong> Does your site have an accessibility statement? A contact method for accessibility issues?</p> <p class="my-4 text-sm leading-relaxed text-[var(--text-secondary)]">For a detailed guide on running this audit, see our article: <a href="/how-it-works" class="text-[var(--primary)] hover:underline">How to Do a Website Accessibility Audit in 5 Minutes</a>.</p> <hr class="my-8 border-[var(--border)]" /> <h2 class="mb-3 mt-10 text-xl font-bold text-[var(--text-primary)]">FAQ</h2> <p class="my-4 text-sm leading-relaxed text-[var(--text-secondary)]"><strong>Q: Does completing this checklist mean my site is fully ADA compliant?</strong></p> <p class="my-4 text-sm leading-relaxed text-[var(--text-secondary)]">A: Not necessarily. This checklist covers the most common WCAG 2.1 AA criteria, but compliance is ultimately determined by courts — and courts have sometimes applied stricter standards. A clean checklist significantly reduces your risk but isn't a legal guarantee. Document your efforts; they demonstrate good faith.</p> <p class="my-4 text-sm leading-relaxed text-[var(--text-secondary)]"><strong>Q: How often should I run through this checklist?</strong></p> <p class="my-4 text-sm leading-relaxed text-[var(--text-secondary)]">A: At a minimum, after any significant website redesign or content update, and on a scheduled basis at least once per year. Sites that change frequently (e-commerce, news) should audit more often.</p> <p class="my-4 text-sm leading-relaxed text-[var(--text-secondary)]"><strong>Q: My website is on Squarespace/Wix/Shopify — does the platform handle compliance for me?</strong></p> <p class="my-4 text-sm leading-relaxed text-[var(--text-secondary)]">A: Platforms handle some things (like semantic HTML structure) but not everything. You're still responsible for the content you add: alt text on images you upload, descriptive link text you write, captions on videos you embed. Don't assume the platform covers everything.</p> <p class="my-4 text-sm leading-relaxed text-[var(--text-secondary)]"><strong>Q: Which WCAG version should I be targeting?</strong></p> <p class="my-4 text-sm leading-relaxed text-[var(--text-secondary)]">A: WCAG 2.1 Level AA is the current practical standard for legal compliance in the U.S. WCAG 2.2 was released in 2023 and adds several new criteria — it's worth reviewing, though courts haven't yet widely adopted it.</p> <p class="my-4 text-sm leading-relaxed text-[var(--text-secondary)]"><strong>Q: I have a one-page website with just my phone number and hours. Do I need to worry about this?</strong></p> <p class="my-4 text-sm leading-relaxed text-[var(--text-secondary)]">A: Yes, though your risk is lower. The basics still apply: readable text contrast, accessible contact form if you have one, and a <code class="rounded bg-gray-100 px-1.5 py-0.5 text-xs font-mono text-[var(--text-primary)]">lang</code> attribute on your HTML. Simple sites can be made accessible in under an hour.</p> <hr class="my-8 border-[var(--border)]" /> <h2 class="mb-3 mt-10 text-xl font-bold text-[var(--text-primary)]">Start Your Compliance Check Today</h2> <p class="my-4 text-sm leading-relaxed text-[var(--text-secondary)]">Use <a href="/free-scan" class="text-[var(--primary)] hover:underline">CheckMyADA's free scan</a> to automatically check your site against the technical items on this list. The scan takes under two minutes and shows you exactly which issues need attention — with references to the WCAG criteria they violate.</p> <p class="my-4 text-sm leading-relaxed text-[var(--text-secondary)]">Then use this checklist to handle the items that need human review.</p> <p class="my-4 text-sm leading-relaxed text-[var(--text-secondary)]"><a href="/free-scan" class="text-[var(--primary)] hover:underline">Run Your Free Scan</a> | <a href="/pricing" class="text-[var(--primary)] hover:underline">View Pricing</a> | <a href="/how-it-works" class="text-[var(--primary)] hover:underline">Learn How It Works</a></p></div></article><div class="mt-12 rounded-2xl border border-[var(--primary)]/20 bg-[var(--primary)]/5 p-8 text-center"><h3 class="mb-2 text-xl font-bold text-[var(--text-primary)]">Check Your Website for Free</h3><p class="mb-4 text-sm text-[var(--text-secondary)]">Get an honest accessibility report in 30 seconds. No overlay. No false promises.</p><a class="inline-block rounded-lg bg-[var(--primary)] px-6 py-3 text-sm font-semibold text-white transition-colors hover:bg-[var(--primary-dark)]" href="/">Run Free Scan</a></div></div></div><!--$--><!--/$--></main><footer class="border-t border-[var(--border)] bg-[var(--surface)] px-6 py-8"><div class="mx-auto max-w-6xl text-center text-sm text-[var(--text-secondary)]"><p>© 2026 CheckMyADA. All rights reserved.</p><p class="mt-1">CheckMyADA - Honest accessibility scanning for small businesses.</p><div class="mt-3 flex items-center justify-center gap-4 flex-wrap"><a class="hover:text-[var(--primary)]" href="/">Home</a><span class="text-[var(--border)]">·</span><a class="hover:text-[var(--primary)]" href="/how-it-works">How It Works</a><span class="text-[var(--border)]">·</span><a class="hover:text-[var(--primary)]" href="/pricing">Pricing</a><span class="text-[var(--border)]">·</span><a class="hover:text-[var(--primary)]" href="/blog">Blog</a><span class="text-[var(--border)]">·</span><a class="hover:text-[var(--primary)]" href="/free-scan">Free Scan</a><span class="text-[var(--border)]">·</span><a class="hover:text-[var(--primary)]" href="/vs-accessibe">vs AccessiBe</a><span class="text-[var(--border)]">·</span><a class="hover:text-[var(--primary)]" href="/privacy">Privacy</a><span class="text-[var(--border)]">·</span><a class="hover:text-[var(--primary)]" href="/terms">Terms</a><span class="text-[var(--border)]">·</span><a href="mailto:contact@checkmyada.com" class="hover:text-[var(--primary)]">contact@checkmyada.com</a></div></div></footer></div><script src="/_next/static/chunks/0-4oo_oi06i0r.js" id="_R_" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[79520,[\"/_next/static/chunks/04eklj-7j4aqp.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"\"]\n3:I[39756,[\"/_next/static/chunks/04eklj-7j4aqp.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"default\"]\n4:I[37457,[\"/_next/static/chunks/04eklj-7j4aqp.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"default\"]\n5:I[22016,[\"/_next/static/chunks/04eklj-7j4aqp.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/0gr810j-l.347.js\"],\"\"]\n6:I[13727,[\"/_next/static/chunks/04eklj-7j4aqp.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/0gr810j-l.347.js\"],\"default\"]\nf:I[68027,[\"/_next/static/chunks/04eklj-7j4aqp.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"default\",1]\n:HL[\"/_next/static/chunks/0dz8wmo~o3t2p.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"c\":[\"\",\"blog\",\"ada-compliance-checklist-2025\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"(marketing)\",{\"children\":[\"blog\",{\"children\":[[\"slug\",\"ada-compliance-checklist-2025\",\"d\",null],{\"children\":[\"__PAGE__\",{}]}]}]}]},\"$undefined\",\"$undefined\",16],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0dz8wmo~o3t2p.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/04eklj-7j4aqp.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"children\":[\"$\",\"body\",null,{\"children\":[[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"SoftwareApplication\\\",\\\"name\\\":\\\"CheckMyADA\\\",\\\"applicationCategory\\\":\\\"WebApplication\\\",\\\"description\\\":\\\"Free AI-powered website accessibility scanner for WCAG 2.1 AA compliance. Honest scanning with transparent coverage reporting.\\\",\\\"url\\\":\\\"https://checkmyada.com\\\",\\\"offers\\\":{\\\"@type\\\":\\\"AggregateOffer\\\",\\\"lowPrice\\\":\\\"0\\\",\\\"highPrice\\\":\\\"49\\\",\\\"priceCurrency\\\":\\\"USD\\\"},\\\"operatingSystem\\\":\\\"Web\\\",\\\"featureList\\\":[\\\"WCAG 2.1 AA automated scanning\\\",\\\"AI-powered plain English explanations\\\",\\\"Real browser testing with Playwright\\\",\\\"Transparency about detection limits\\\"]}\"}}],[[\"$\",\"$L2\",null,{\"src\":\"https://www.googletagmanager.com/gtag/js?id=G-8SVR90J0EQ\",\"strategy\":\"afterInteractive\"}],[\"$\",\"$L2\",null,{\"id\":\"google-analytics\",\"strategy\":\"afterInteractive\",\"children\":\"\\n window.dataLayer = window.dataLayer || [];\\n function gtag(){dataLayer.push(arguments);}\\n gtag('js', new Date());\\n gtag('consent', 'default', {\\n analytics_storage: 'granted',\\n ad_storage: 'denied',\\n });\\n gtag('config', 'G-8SVR90J0EQ');\\n \"}]],[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"div\",null,{\"className\":\"flex min-h-screen flex-col items-center justify-center px-6 text-center\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mb-6 flex h-16 w-16 items-center justify-center rounded-2xl bg-[var(--primary)]/10\",\"children\":[\"$\",\"svg\",null,{\"width\":\"32\",\"height\":\"32\",\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"var(--primary)\",\"strokeWidth\":\"2\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"children\":[\"$\",\"path\",null,{\"d\":\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"}]}]}],[\"$\",\"h1\",null,{\"className\":\"mb-2 text-4xl font-extrabold text-[var(--text-primary)]\",\"children\":\"404\"}],[\"$\",\"p\",null,{\"className\":\"mb-6 text-[var(--text-secondary)]\",\"children\":\"This page doesn't exist. But your website's accessibility issues might.\"}],[\"$\",\"$L5\",null,{\"href\":\"/\",\"className\":\"rounded-xl bg-[var(--primary)] px-6 py-2.5 text-sm font-semibold text-white transition-colors hover:bg-[var(--primary-dark)]\",\"children\":\"Scan Your Website Free\"}]]}],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}]}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/0gr810j-l.347.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"div\",null,{\"className\":\"min-h-screen flex flex-col\",\"children\":[[\"$\",\"$L6\",null,{}],[\"$\",\"main\",null,{\"className\":\"flex-1\",\"children\":[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"div\",null,{\"className\":\"flex min-h-screen flex-col items-center justify-center px-6 text-center\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mb-6 flex h-16 w-16 items-center justify-center rounded-2xl bg-[var(--primary)]/10\",\"children\":[\"$\",\"svg\",null,{\"width\":\"32\",\"height\":\"32\",\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"var(--primary)\",\"strokeWidth\":\"2\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"children\":[\"$\",\"path\",null,{\"d\":\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"}]}]}],[\"$\",\"h1\",null,{\"className\":\"mb-2 text-4xl font-extrabold text-[var(--text-primary)]\",\"children\":\"404\"}],\"$L7\",\"$L8\"]}],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}],\"$L9\"]}]]}],{\"children\":[\"$La\",{\"children\":[\"$Lb\",{\"children\":[\"$Lc\",{},null,false,null]},null,false,\"$@d\"]},null,false,\"$@d\"]},null,false,null]},null,false,null],\"$Le\",false]],\"m\":\"$undefined\",\"G\":[\"$f\",[\"$L10\"]],\"S\":true,\"h\":null,\"s\":\"$undefined\",\"l\":\"$undefined\",\"p\":\"$undefined\",\"d\":\"$undefined\",\"b\":\"zYBTu2sSZrTDg-EFXKhjp\"}\n"])</script><script>self.__next_f.push([1,"12:I[97367,[\"/_next/static/chunks/04eklj-7j4aqp.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"OutletBoundary\"]\n13:\"$Sreact.suspense\"\n16:I[97367,[\"/_next/static/chunks/04eklj-7j4aqp.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"ViewportBoundary\"]\n18:I[97367,[\"/_next/static/chunks/04eklj-7j4aqp.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"MetadataBoundary\"]\n7:[\"$\",\"p\",null,{\"className\":\"mb-6 text-[var(--text-secondary)]\",\"children\":\"This page doesn't exist. But your website's accessibility issues might.\"}]\n8:[\"$\",\"$L5\",null,{\"href\":\"/\",\"className\":\"rounded-xl bg-[var(--primary)] px-6 py-2.5 text-sm font-semibold text-white transition-colors hover:bg-[var(--primary-dark)]\",\"children\":\"Scan Your Website Free\"}]\n"])</script><script>self.__next_f.push([1,"9:[\"$\",\"footer\",null,{\"className\":\"border-t border-[var(--border)] bg-[var(--surface)] px-6 py-8\",\"children\":[\"$\",\"div\",null,{\"className\":\"mx-auto max-w-6xl text-center text-sm text-[var(--text-secondary)]\",\"children\":[[\"$\",\"p\",null,{\"children\":\"© 2026 CheckMyADA. All rights reserved.\"}],[\"$\",\"p\",null,{\"className\":\"mt-1\",\"children\":\"CheckMyADA - Honest accessibility scanning for small businesses.\"}],[\"$\",\"div\",null,{\"className\":\"mt-3 flex items-center justify-center gap-4 flex-wrap\",\"children\":[[\"$\",\"$L5\",null,{\"href\":\"/\",\"className\":\"hover:text-[var(--primary)]\",\"children\":\"Home\"}],[\"$\",\"span\",null,{\"className\":\"text-[var(--border)]\",\"children\":\"·\"}],[\"$\",\"$L5\",null,{\"href\":\"/how-it-works\",\"className\":\"hover:text-[var(--primary)]\",\"children\":\"How It Works\"}],[\"$\",\"span\",null,{\"className\":\"text-[var(--border)]\",\"children\":\"·\"}],[\"$\",\"$L5\",null,{\"href\":\"/pricing\",\"className\":\"hover:text-[var(--primary)]\",\"children\":\"Pricing\"}],[\"$\",\"span\",null,{\"className\":\"text-[var(--border)]\",\"children\":\"·\"}],[\"$\",\"$L5\",null,{\"href\":\"/blog\",\"className\":\"hover:text-[var(--primary)]\",\"children\":\"Blog\"}],[\"$\",\"span\",null,{\"className\":\"text-[var(--border)]\",\"children\":\"·\"}],[\"$\",\"$L5\",null,{\"href\":\"/free-scan\",\"className\":\"hover:text-[var(--primary)]\",\"children\":\"Free Scan\"}],[\"$\",\"span\",null,{\"className\":\"text-[var(--border)]\",\"children\":\"·\"}],[\"$\",\"$L5\",null,{\"href\":\"/vs-accessibe\",\"className\":\"hover:text-[var(--primary)]\",\"children\":\"vs AccessiBe\"}],[\"$\",\"span\",null,{\"className\":\"text-[var(--border)]\",\"children\":\"·\"}],[\"$\",\"$L5\",null,{\"href\":\"/privacy\",\"className\":\"hover:text-[var(--primary)]\",\"children\":\"Privacy\"}],[\"$\",\"span\",null,{\"className\":\"text-[var(--border)]\",\"children\":\"·\"}],[\"$\",\"$L5\",null,{\"href\":\"/terms\",\"className\":\"hover:text-[var(--primary)]\",\"children\":\"Terms\"}],[\"$\",\"span\",null,{\"className\":\"text-[var(--border)]\",\"children\":\"·\"}],[\"$\",\"a\",null,{\"href\":\"mailto:contact@checkmyada.com\",\"className\":\"hover:text-[var(--primary)]\",\"children\":\"contact@checkmyada.com\"}]]}]]}]}]\n"])</script><script>self.__next_f.push([1,"a:[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}]\nb:[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}]\nc:[\"$\",\"$1\",\"c\",{\"children\":[\"$L11\",null,[\"$\",\"$L12\",null,{\"children\":[\"$\",\"$13\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@14\"}]}]]}]\n15:[]\nd:\"$W15\"\ne:[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$L16\",null,{\"children\":\"$L17\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$L18\",null,{\"children\":[\"$\",\"$13\",null,{\"name\":\"Next.Metadata\",\"children\":\"$L19\"}]}]}],null]}]\n10:[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0dz8wmo~o3t2p.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]\n"])</script><script>self.__next_f.push([1,"1a:Td35e,"])</script><script>self.__next_f.push([1,"\u003cp class=\"my-4 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e# ADA Website Compliance Checklist for 2025: Every Item You Need to Check\u003c/p\u003e\n\u003chr class=\"my-8 border-[var(--border)]\" /\u003e\n\u003cp class=\"my-4 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003eChecklists work. That's why pilots use them before every flight, surgeons use them before every procedure, and smart business owners use them before their websites become litigation targets.\u003c/p\u003e\n\u003cp class=\"my-4 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003eIn 2025, over 5,100 federal ADA website accessibility lawsuits were filed — a 37% increase from the year before. Most of those defendants had no idea their website had issues until they received a demand letter.\u003c/p\u003e\n\u003cp class=\"my-4 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003eThis checklist helps you spot problems \u003cem\u003ebefore\u003c/em\u003e a plaintiff's attorney does. We've organized it by category and priority level so you know what to fix first.\u003c/p\u003e\n\u003cp class=\"my-4 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cstrong\u003eA quick honest note before you start:\u003c/strong\u003e this checklist covers the most common and testable WCAG 2.1 AA requirements. No checklist — and no automated tool — can guarantee full legal compliance. A clean scan plus this checklist gets you most of the way there, but complex interactions and edge cases still benefit from human review.\u003c/p\u003e\n\u003cp class=\"my-4 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003eWith that said, let's get to work.\u003c/p\u003e\n\u003chr class=\"my-8 border-[var(--border)]\" /\u003e\n\u003ch2 class=\"mb-3 mt-10 text-xl font-bold text-[var(--text-primary)]\"\u003eHow to Use This Checklist\u003c/h2\u003e\n\u003cp class=\"my-4 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003eEach item is labeled with:\u003c/p\u003e\n\u003cul class=\"my-4 space-y-2 pl-2\"\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003e\u003cstrong\u003ePriority:\u003c/strong\u003e 🔴 Critical | 🟡 Important | 🟢 Nice-to-Have\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003e\u003cstrong\u003eWCAG Criterion:\u003c/strong\u003e The specific standard it maps to\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003e\u003cstrong\u003eType:\u003c/strong\u003e Technical (code) | Design (visual) | Content (copy) | Legal (documentation)\u003c/span\u003e\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp class=\"my-4 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003eStart with 🔴 Critical items. These are the most commonly cited violations in lawsuits and the most likely to affect users with disabilities right now.\u003c/p\u003e\n\u003chr class=\"my-8 border-[var(--border)]\" /\u003e\n\u003ch2 class=\"mb-3 mt-10 text-xl font-bold text-[var(--text-primary)]\"\u003eSection 1: Images and Visual Content\u003c/h2\u003e\n\u003cp class=\"my-4 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cstrong\u003e🔴 1.1 — All meaningful images have alt text\u003c/strong\u003e\u003c/p\u003e\n\u003cul class=\"my-4 space-y-2 pl-2\"\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eWCAG: 1.1.1 Non-text Content\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eType: Technical / Content\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eEvery \u003ccode class=\"rounded bg-gray-100 px-1.5 py-0.5 text-xs font-mono text-[var(--text-primary)]\"\u003e\u003cimg\u003e\u003c/code\u003e tag should have an \u003ccode class=\"rounded bg-gray-100 px-1.5 py-0.5 text-xs font-mono text-[var(--text-primary)]\"\u003ealt\u003c/code\u003e attribute describing what the image shows\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eDecorative images should have \u003ccode class=\"rounded bg-gray-100 px-1.5 py-0.5 text-xs font-mono text-[var(--text-primary)]\"\u003ealt=\"\"\u003c/code\u003e (empty) so screen readers skip them\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eBad: \u003ccode class=\"rounded bg-gray-100 px-1.5 py-0.5 text-xs font-mono text-[var(--text-primary)]\"\u003e\u003cimg src=\"product.jpg\"\u003e\u003c/code\u003e | Good: \u003ccode class=\"rounded bg-gray-100 px-1.5 py-0.5 text-xs font-mono text-[var(--text-primary)]\"\u003e\u003cimg src=\"product.jpg\" alt=\"Blue leather wallet, open showing card slots\"\u003e\u003c/code\u003e\u003c/span\u003e\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp class=\"my-4 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cstrong\u003e🔴 1.2 — Complex images have extended descriptions\u003c/strong\u003e\u003c/p\u003e\n\u003cul class=\"my-4 space-y-2 pl-2\"\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eWCAG: 1.1.1 Non-text Content\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eType: Content\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eCharts, graphs, infographics, and diagrams need text descriptions that convey the same information\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eA caption saying \"Figure 1: Sales growth\" is not enough — describe the actual data\u003c/span\u003e\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp class=\"my-4 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cstrong\u003e🟡 1.3 — Images of text are avoided\u003c/strong\u003e\u003c/p\u003e\n\u003cul class=\"my-4 space-y-2 pl-2\"\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eWCAG: 1.4.5 Images of Text\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eType: Design / Technical\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eDon't use images to display text that could be real HTML text\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eException: logos and text that is essential to the message\u003c/span\u003e\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp class=\"my-4 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cstrong\u003e🟡 1.4 — Video has captions\u003c/strong\u003e\u003c/p\u003e\n\u003cul class=\"my-4 space-y-2 pl-2\"\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eWCAG: 1.2.2 Captions (Prerecorded)\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eType: Content\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eAll pre-recorded video with spoken audio needs synchronized captions\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eAuto-generated captions (YouTube, etc.) must be reviewed for accuracy\u003c/span\u003e\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp class=\"my-4 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cstrong\u003e🟢 1.5 — Audio-only content has transcripts\u003c/strong\u003e\u003c/p\u003e\n\u003cul class=\"my-4 space-y-2 pl-2\"\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eWCAG: 1.2.1 Audio-only\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eType: Content\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003ePodcasts and audio clips need text transcripts\u003c/span\u003e\u003c/li\u003e\n\u003c/ul\u003e\n\u003chr class=\"my-8 border-[var(--border)]\" /\u003e\n\u003ch2 class=\"mb-3 mt-10 text-xl font-bold text-[var(--text-primary)]\"\u003eSection 2: Color and Visual Design\u003c/h2\u003e\n\u003cp class=\"my-4 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cstrong\u003e🔴 2.1 — Normal text meets 4.5:1 contrast ratio\u003c/strong\u003e\u003c/p\u003e\n\u003cul class=\"my-4 space-y-2 pl-2\"\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eWCAG: 1.4.3 Contrast (Minimum)\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eType: Design\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eSmall text (below 18pt or 14pt bold) needs at least 4.5:1 contrast against background\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eTest tool: WebAIM Contrast Checker (free)\u003c/span\u003e\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp class=\"my-4 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cstrong\u003e🔴 2.2 — Large text meets 3:1 contrast ratio\u003c/strong\u003e\u003c/p\u003e\n\u003cul class=\"my-4 space-y-2 pl-2\"\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eWCAG: 1.4.3 Contrast (Minimum)\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eType: Design\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eText 18pt+ or 14pt+ bold can use the lower 3:1 threshold\u003c/span\u003e\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp class=\"my-4 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cstrong\u003e🔴 2.3 — Information is not conveyed by color alone\u003c/strong\u003e\u003c/p\u003e\n\u003cul class=\"my-4 space-y-2 pl-2\"\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eWCAG: 1.4.1 Use of Color\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eType: Design\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eRequired form fields shouldn't only be marked with a red border — also add an asterisk or label\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eError messages shouldn't only turn text red — add an icon or explicit \"Error:\" label\u003c/span\u003e\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp class=\"my-4 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cstrong\u003e🟡 2.4 — Focus indicators are visible\u003c/strong\u003e\u003c/p\u003e\n\u003cul class=\"my-4 space-y-2 pl-2\"\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eWCAG: 2.4.7 Focus Visible\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eType: Design / Technical\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eWhen a user navigates with Tab, the focused element must be visually highlighted\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eMany sites override \u003ccode class=\"rounded bg-gray-100 px-1.5 py-0.5 text-xs font-mono text-[var(--text-primary)]\"\u003eoutline: none\u003c/code\u003e in CSS — this breaks keyboard navigation entirely\u003c/span\u003e\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp class=\"my-4 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cstrong\u003e🟡 2.5 — UI components meet 3:1 contrast against background\u003c/strong\u003e\u003c/p\u003e\n\u003cul class=\"my-4 space-y-2 pl-2\"\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eWCAG: 1.4.11 Non-text Contrast (WCAG 2.1)\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eType: Design\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eButtons, form fields, checkboxes, and other UI components need 3:1 contrast ratio\u003c/span\u003e\u003c/li\u003e\n\u003c/ul\u003e\n\u003chr class=\"my-8 border-[var(--border)]\" /\u003e\n\u003ch2 class=\"mb-3 mt-10 text-xl font-bold text-[var(--text-primary)]\"\u003eSection 3: Keyboard and Navigation\u003c/h2\u003e\n\u003cp class=\"my-4 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cstrong\u003e🔴 3.1 — All functionality works with keyboard only\u003c/strong\u003e\u003c/p\u003e\n\u003cul class=\"my-4 space-y-2 pl-2\"\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eWCAG: 2.1.1 Keyboard\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eType: Technical\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eEvery link, button, form field, and interactive element must be reachable with Tab and operable with Enter/Space\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eTest: unplug your mouse and navigate your entire site\u003c/span\u003e\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp class=\"my-4 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cstrong\u003e🔴 3.2 — No keyboard traps\u003c/strong\u003e\u003c/p\u003e\n\u003cul class=\"my-4 space-y-2 pl-2\"\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eWCAG: 2.1.2 No Keyboard Trap\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eType: Technical\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eUsers must be able to navigate OUT of every component (especially modals and custom widgets) using only the keyboard\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eModals should close with Escape\u003c/span\u003e\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp class=\"my-4 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cstrong\u003e🔴 3.3 — Skip navigation link is present\u003c/strong\u003e\u003c/p\u003e\n\u003cul class=\"my-4 space-y-2 pl-2\"\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eWCAG: 2.4.1 Bypass Blocks\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eType: Technical\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eA \"Skip to main content\" link should be the first focusable element on every page\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eIt can be visually hidden but must appear on focus\u003c/span\u003e\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp class=\"my-4 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cstrong\u003e🟡 3.4 — Page has a logical tab order\u003c/strong\u003e\u003c/p\u003e\n\u003cul class=\"my-4 space-y-2 pl-2\"\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eWCAG: 1.3.2 Meaningful Sequence / 2.4.3 Focus Order\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eType: Technical\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eTab order should follow the visual/reading order of the page\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eAvoid using \u003ccode class=\"rounded bg-gray-100 px-1.5 py-0.5 text-xs font-mono text-[var(--text-primary)]\"\u003etabindex\u003c/code\u003e values greater than 0 to reorder focus\u003c/span\u003e\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp class=\"my-4 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cstrong\u003e🟡 3.5 — Dropdown menus are keyboard accessible\u003c/strong\u003e\u003c/p\u003e\n\u003cul class=\"my-4 space-y-2 pl-2\"\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eWCAG: 2.1.1 Keyboard\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eType: Technical\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eNavigation menus that open on hover should also open on focus/Enter and close on Escape\u003c/span\u003e\u003c/li\u003e\n\u003c/ul\u003e\n\u003chr class=\"my-8 border-[var(--border)]\" /\u003e\n\u003ch2 class=\"mb-3 mt-10 text-xl font-bold text-[var(--text-primary)]\"\u003eSection 4: Forms\u003c/h2\u003e\n\u003cp class=\"my-4 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cstrong\u003e🔴 4.1 — All form inputs have visible labels\u003c/strong\u003e\u003c/p\u003e\n\u003cul class=\"my-4 space-y-2 pl-2\"\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eWCAG: 1.3.1 Info and Relationships / 3.3.2 Labels or Instructions\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eType: Technical / Design\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eEvery \u003ccode class=\"rounded bg-gray-100 px-1.5 py-0.5 text-xs font-mono text-[var(--text-primary)]\"\u003e\u003cinput\u003e\u003c/code\u003e, \u003ccode class=\"rounded bg-gray-100 px-1.5 py-0.5 text-xs font-mono text-[var(--text-primary)]\"\u003e\u003cselect\u003e\u003c/code\u003e, and \u003ccode class=\"rounded bg-gray-100 px-1.5 py-0.5 text-xs font-mono text-[var(--text-primary)]\"\u003e\u003ctextarea\u003e\u003c/code\u003e needs an associated \u003ccode class=\"rounded bg-gray-100 px-1.5 py-0.5 text-xs font-mono text-[var(--text-primary)]\"\u003e\u003clabel\u003e\u003c/code\u003e element\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003ePlaceholder text alone is NOT a sufficient label\u003c/span\u003e\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp class=\"my-4 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cstrong\u003e🔴 4.2 — Required fields are identified\u003c/strong\u003e\u003c/p\u003e\n\u003cul class=\"my-4 space-y-2 pl-2\"\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eWCAG: 3.3.2 Labels or Instructions\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eType: Technical / Content\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eRequired fields must be marked with more than just color\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eInclude \u003ccode class=\"rounded bg-gray-100 px-1.5 py-0.5 text-xs font-mono text-[var(--text-primary)]\"\u003erequired\u003c/code\u003e attribute on inputs for screen reader support\u003c/span\u003e\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp class=\"my-4 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cstrong\u003e🔴 4.3 — Error messages are descriptive and linked to the field\u003c/strong\u003e\u003c/p\u003e\n\u003cul class=\"my-4 space-y-2 pl-2\"\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eWCAG: 3.3.1 Error Identification / 3.3.3 Error Suggestion\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eType: Technical / Content\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003e\"Invalid input\" is not enough — say \"Please enter a valid email address\"\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eError message should be associated with the specific field that has the error\u003c/span\u003e\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp class=\"my-4 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cstrong\u003e🟡 4.4 — Form has autocomplete attributes where appropriate\u003c/strong\u003e\u003c/p\u003e\n\u003cul class=\"my-4 space-y-2 pl-2\"\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eWCAG: 1.3.5 Identify Input Purpose (WCAG 2.1)\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eType: Technical\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eAdd \u003ccode class=\"rounded bg-gray-100 px-1.5 py-0.5 text-xs font-mono text-[var(--text-primary)]\"\u003eautocomplete=\"name\"\u003c/code\u003e, \u003ccode class=\"rounded bg-gray-100 px-1.5 py-0.5 text-xs font-mono text-[var(--text-primary)]\"\u003eautocomplete=\"email\"\u003c/code\u003e, etc. to relevant fields\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eHelps users with cognitive disabilities and reduces input errors\u003c/span\u003e\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp class=\"my-4 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cstrong\u003e🟡 4.5 — CAPTCHA has an accessible alternative\u003c/strong\u003e\u003c/p\u003e\n\u003cul class=\"my-4 space-y-2 pl-2\"\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eWCAG: 1.1.1 Non-text Content\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eType: Technical\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eIf you use CAPTCHA, provide an audio or other non-visual alternative\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eBetter option: use honeypot techniques that don't require user interaction\u003c/span\u003e\u003c/li\u003e\n\u003c/ul\u003e\n\u003chr class=\"my-8 border-[var(--border)]\" /\u003e\n\u003ch2 class=\"mb-3 mt-10 text-xl font-bold text-[var(--text-primary)]\"\u003eSection 5: Structure and Semantics\u003c/h2\u003e\n\u003cp class=\"my-4 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cstrong\u003e🔴 5.1 — Page has a meaningful title\u003c/strong\u003e\u003c/p\u003e\n\u003cul class=\"my-4 space-y-2 pl-2\"\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eWCAG: 2.4.2 Page Titled\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eType: Technical / Content\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eEvery page's \u003ccode class=\"rounded bg-gray-100 px-1.5 py-0.5 text-xs font-mono text-[var(--text-primary)]\"\u003e\u003ctitle\u003e\u003c/code\u003e tag should describe the page content\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eDon't use \"Home\" — use \"Accessibility Audit Tool | CheckMyADA\"\u003c/span\u003e\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp class=\"my-4 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cstrong\u003e🔴 5.2 — Heading hierarchy is logical\u003c/strong\u003e\u003c/p\u003e\n\u003cul class=\"my-4 space-y-2 pl-2\"\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eWCAG: 1.3.1 Info and Relationships\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eType: Technical / Content\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eOnly one \u003ccode class=\"rounded bg-gray-100 px-1.5 py-0.5 text-xs font-mono text-[var(--text-primary)]\"\u003e\u003ch1\u003e\u003c/code\u003e per page; \u003ccode class=\"rounded bg-gray-100 px-1.5 py-0.5 text-xs font-mono text-[var(--text-primary)]\"\u003e\u003ch2\u003e\u003c/code\u003e through \u003ccode class=\"rounded bg-gray-100 px-1.5 py-0.5 text-xs font-mono text-[var(--text-primary)]\"\u003e\u003ch6\u003e\u003c/code\u003e in descending order\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eDon't skip from \u003ccode class=\"rounded bg-gray-100 px-1.5 py-0.5 text-xs font-mono text-[var(--text-primary)]\"\u003e\u003ch1\u003e\u003c/code\u003e to \u003ccode class=\"rounded bg-gray-100 px-1.5 py-0.5 text-xs font-mono text-[var(--text-primary)]\"\u003e\u003ch4\u003e\u003c/code\u003e — screen readers use headings to navigate\u003c/span\u003e\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp class=\"my-4 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cstrong\u003e🔴 5.3 — Language is declared in HTML\u003c/strong\u003e\u003c/p\u003e\n\u003cul class=\"my-4 space-y-2 pl-2\"\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eWCAG: 3.1.1 Language of Page\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eType: Technical\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003e\u003ccode class=\"rounded bg-gray-100 px-1.5 py-0.5 text-xs font-mono text-[var(--text-primary)]\"\u003e\u003chtml lang=\"en\"\u003e\u003c/code\u003e must be set (or appropriate language code)\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eIf content switches languages mid-page, use \u003ccode class=\"rounded bg-gray-100 px-1.5 py-0.5 text-xs font-mono text-[var(--text-primary)]\"\u003elang\u003c/code\u003e attribute on that element\u003c/span\u003e\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp class=\"my-4 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cstrong\u003e🟡 5.4 — Landmark regions are used\u003c/strong\u003e\u003c/p\u003e\n\u003cul class=\"my-4 space-y-2 pl-2\"\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eWCAG: 1.3.1 Info and Relationships\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eType: Technical\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eUse semantic HTML: \u003ccode class=\"rounded bg-gray-100 px-1.5 py-0.5 text-xs font-mono text-[var(--text-primary)]\"\u003e\u003cheader\u003e\u003c/code\u003e, \u003ccode class=\"rounded bg-gray-100 px-1.5 py-0.5 text-xs font-mono text-[var(--text-primary)]\"\u003e\u003cnav\u003e\u003c/code\u003e, \u003ccode class=\"rounded bg-gray-100 px-1.5 py-0.5 text-xs font-mono text-[var(--text-primary)]\"\u003e\u003cmain\u003e\u003c/code\u003e, \u003ccode class=\"rounded bg-gray-100 px-1.5 py-0.5 text-xs font-mono text-[var(--text-primary)]\"\u003e\u003cfooter\u003e\u003c/code\u003e, \u003ccode class=\"rounded bg-gray-100 px-1.5 py-0.5 text-xs font-mono text-[var(--text-primary)]\"\u003e\u003caside\u003e\u003c/code\u003e\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eOr add ARIA roles: \u003ccode class=\"rounded bg-gray-100 px-1.5 py-0.5 text-xs font-mono text-[var(--text-primary)]\"\u003erole=\"navigation\"\u003c/code\u003e, \u003ccode class=\"rounded bg-gray-100 px-1.5 py-0.5 text-xs font-mono text-[var(--text-primary)]\"\u003erole=\"main\"\u003c/code\u003e, etc.\u003c/span\u003e\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp class=\"my-4 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cstrong\u003e🟡 5.5 — Lists use proper list markup\u003c/strong\u003e\u003c/p\u003e\n\u003cul class=\"my-4 space-y-2 pl-2\"\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eWCAG: 1.3.1 Info and Relationships\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eType: Technical\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eNavigation menus, bullet lists, and numbered steps should use \u003ccode class=\"rounded bg-gray-100 px-1.5 py-0.5 text-xs font-mono text-[var(--text-primary)]\"\u003e\u003cul\u003e\u003c/code\u003e, \u003ccode class=\"rounded bg-gray-100 px-1.5 py-0.5 text-xs font-mono text-[var(--text-primary)]\"\u003e\u003col\u003e\u003c/code\u003e, and \u003ccode class=\"rounded bg-gray-100 px-1.5 py-0.5 text-xs font-mono text-[var(--text-primary)]\"\u003e\u003cli\u003e\u003c/code\u003e elements\u003c/span\u003e\u003c/li\u003e\n\u003c/ul\u003e\n\u003chr class=\"my-8 border-[var(--border)]\" /\u003e\n\u003ch2 class=\"mb-3 mt-10 text-xl font-bold text-[var(--text-primary)]\"\u003eSection 6: Links and Buttons\u003c/h2\u003e\n\u003cp class=\"my-4 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cstrong\u003e🔴 6.1 — Link text is descriptive\u003c/strong\u003e\u003c/p\u003e\n\u003cul class=\"my-4 space-y-2 pl-2\"\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eWCAG: 2.4.4 Link Purpose\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eType: Content\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eAvoid \"click here,\" \"read more,\" \"learn more\" without context\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eGood: \"Download our ADA compliance checklist PDF\"\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eBad: \"Click here\"\u003c/span\u003e\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp class=\"my-4 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cstrong\u003e🔴 6.2 — Buttons have descriptive labels\u003c/strong\u003e\u003c/p\u003e\n\u003cul class=\"my-4 space-y-2 pl-2\"\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eWCAG: 4.1.2 Name, Role, Value\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eType: Technical / Content\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eIcon-only buttons need \u003ccode class=\"rounded bg-gray-100 px-1.5 py-0.5 text-xs font-mono text-[var(--text-primary)]\"\u003earia-label\u003c/code\u003e: \u003ccode class=\"rounded bg-gray-100 px-1.5 py-0.5 text-xs font-mono text-[var(--text-primary)]\"\u003e\u003cbutton aria-label=\"Close menu\"\u003eX\u003c/button\u003e\u003c/code\u003e\u003c/span\u003e\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp class=\"my-4 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cstrong\u003e🟡 6.3 — Links that open in new tabs warn users\u003c/strong\u003e\u003c/p\u003e\n\u003cul class=\"my-4 space-y-2 pl-2\"\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eWCAG: 3.2.2 On Input (related)\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eType: Content / Technical\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eLinks opening in a new tab should indicate this: \"Opens in new window\" or an icon with \u003ccode class=\"rounded bg-gray-100 px-1.5 py-0.5 text-xs font-mono text-[var(--text-primary)]\"\u003earia-label\u003c/code\u003e\u003c/span\u003e\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp class=\"my-4 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cstrong\u003e🟡 6.4 — Links are distinguishable from body text\u003c/strong\u003e\u003c/p\u003e\n\u003cul class=\"my-4 space-y-2 pl-2\"\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eWCAG: 1.4.1 Use of Color\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eType: Design\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eLinks should not rely solely on color to be distinguishable — add underline or another visual indicator\u003c/span\u003e\u003c/li\u003e\n\u003c/ul\u003e\n\u003chr class=\"my-8 border-[var(--border)]\" /\u003e\n\u003ch2 class=\"mb-3 mt-10 text-xl font-bold text-[var(--text-primary)]\"\u003eSection 7: PDFs and Documents\u003c/h2\u003e\n\u003cp class=\"my-4 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cstrong\u003e🟡 7.1 — PDFs are tagged for accessibility\u003c/strong\u003e\u003c/p\u003e\n\u003cul class=\"my-4 space-y-2 pl-2\"\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eWCAG: 1.1.1 / 1.3.1\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eType: Technical\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eScanned/image PDFs are not accessible — text must be real text, not an image\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003ePDFs should have proper heading structure, alt text, and reading order\u003c/span\u003e\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp class=\"my-4 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cstrong\u003e🟡 7.2 — Downloadable files have accessible alternatives\u003c/strong\u003e\u003c/p\u003e\n\u003cul class=\"my-4 space-y-2 pl-2\"\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eWCAG: 1.1.1\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eType: Content\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eConsider providing critical information in HTML format instead of (or in addition to) PDF\u003c/span\u003e\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp class=\"my-4 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cstrong\u003e🟢 7.3 — Office documents use accessibility features\u003c/strong\u003e\u003c/p\u003e\n\u003cul class=\"my-4 space-y-2 pl-2\"\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eWCAG: 1.1.1\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eType: Technical\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eWord and PowerPoint files offered for download should use built-in accessibility tools\u003c/span\u003e\u003c/li\u003e\n\u003c/ul\u003e\n\u003chr class=\"my-8 border-[var(--border)]\" /\u003e\n\u003ch2 class=\"mb-3 mt-10 text-xl font-bold text-[var(--text-primary)]\"\u003eSection 8: Legal and Documentation\u003c/h2\u003e\n\u003cp class=\"my-4 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cstrong\u003e🟡 8.1 — Accessibility statement is published\u003c/strong\u003e\u003c/p\u003e\n\u003cul class=\"my-4 space-y-2 pl-2\"\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eNot a WCAG criterion, but best practice and required by some laws\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eType: Legal\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eInclude: commitment to accessibility, standard you follow, known limitations, contact information, feedback mechanism\u003c/span\u003e\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp class=\"my-4 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cstrong\u003e🟡 8.2 — Contact method for accessibility issues is provided\u003c/strong\u003e\u003c/p\u003e\n\u003cul class=\"my-4 space-y-2 pl-2\"\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eType: Legal\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eUsers should have a way to request accessible content or report barriers\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003ePhone, email, or contact form are all acceptable\u003c/span\u003e\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp class=\"my-4 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cstrong\u003e🟢 8.3 — Regular accessibility audit schedule is documented\u003c/strong\u003e\u003c/p\u003e\n\u003cul class=\"my-4 space-y-2 pl-2\"\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eType: Legal\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eDocument when your last audit was and when the next one is scheduled\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eAnnual audits are a reasonable baseline; more frequent if site changes often\u003c/span\u003e\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp class=\"my-4 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cstrong\u003e🟢 8.4 — Third-party widget accessibility is evaluated\u003c/strong\u003e\u003c/p\u003e\n\u003cul class=\"my-4 space-y-2 pl-2\"\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eType: Technical / Legal\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eEmbedded chat widgets, booking systems, and social feeds affect your site's overall accessibility\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eCheck vendor accessibility documentation; note any known limitations in your accessibility statement\u003c/span\u003e\u003c/li\u003e\n\u003c/ul\u003e\n\u003chr class=\"my-8 border-[var(--border)]\" /\u003e\n\u003ch2 class=\"mb-3 mt-10 text-xl font-bold text-[var(--text-primary)]\"\u003ePriority Summary: What to Fix First\u003c/h2\u003e\n\u003cp class=\"my-4 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003eIf you're overwhelmed, work through this order:\u003c/p\u003e\n\u003cp class=\"my-4 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cstrong\u003eImmediate (this week):\u003c/strong\u003e\u003c/p\u003e\n\u003cp class=\"my-4 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e1. Add alt text to all images missing it\u003c/p\u003e\n\u003cp class=\"my-4 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e2. Fix color contrast failures on body text\u003c/p\u003e\n\u003cp class=\"my-4 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e3. Add visible labels to all form inputs\u003c/p\u003e\n\u003cp class=\"my-4 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e4. Add descriptive link text (replace \"click here\")\u003c/p\u003e\n\u003cp class=\"my-4 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e5. Add a skip navigation link\u003c/p\u003e\n\u003cp class=\"my-4 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cstrong\u003eShort-term (this month):\u003c/strong\u003e\u003c/p\u003e\n\u003cp class=\"my-4 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e6. Ensure all functionality works with keyboard only\u003c/p\u003e\n\u003cp class=\"my-4 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e7. Fix heading hierarchy issues\u003c/p\u003e\n\u003cp class=\"my-4 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e8. Add error descriptions to form validation\u003c/p\u003e\n\u003cp class=\"my-4 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e9. Declare page language in HTML\u003c/p\u003e\n\u003cp class=\"my-4 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e10. Post an accessibility statement\u003c/p\u003e\n\u003cp class=\"my-4 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cstrong\u003eOngoing:\u003c/strong\u003e\u003c/p\u003e\n\u003cul class=\"my-4 space-y-2 pl-2\"\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eCaption new videos\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eReview PDFs for accessibility\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eTest major updates with keyboard navigation\u003c/span\u003e\u003c/li\u003e\n\u003cli class=\"flex items-start gap-2 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cspan class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--text-secondary)]\"\u003e\u003c/span\u003e\u003cspan\u003eRun quarterly automated scans\u003c/span\u003e\u003c/li\u003e\n\u003c/ul\u003e\n\u003chr class=\"my-8 border-[var(--border)]\" /\u003e\n\u003ch2 class=\"mb-3 mt-10 text-xl font-bold text-[var(--text-primary)]\"\u003eHow to Audit Your Site Against This Checklist\u003c/h2\u003e\n\u003cp class=\"my-4 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cstrong\u003eStep 1: Automated scan first.\u003c/strong\u003e Use the free scan at \u003ca href=\"/free-scan\" class=\"text-[var(--primary)] hover:underline\"\u003eCheckMyADA\u003c/a\u003e to identify the most common technical violations automatically. This covers roughly 30-40% of WCAG criteria.\u003c/p\u003e\n\u003cp class=\"my-4 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cstrong\u003eStep 2: Keyboard test.\u003c/strong\u003e Unplug your mouse (or put it aside) and navigate your entire site using only Tab, Enter, Space, and arrow keys. Try filling out your contact form. Try navigating your menu. Note anything that doesn't work.\u003c/p\u003e\n\u003cp class=\"my-4 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cstrong\u003eStep 3: Color contrast check.\u003c/strong\u003e Use browser extensions like Axe or Colour Contrast Analyser to check your text against the 4.5:1 threshold.\u003c/p\u003e\n\u003cp class=\"my-4 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cstrong\u003eStep 4: Screen reader test.\u003c/strong\u003e Download NVDA (free, Windows) or use VoiceOver (built-in on Mac) and listen to your homepage. Notice anything confusing or missing?\u003c/p\u003e\n\u003cp class=\"my-4 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cstrong\u003eStep 5: Review the legal section.\u003c/strong\u003e Does your site have an accessibility statement? A contact method for accessibility issues?\u003c/p\u003e\n\u003cp class=\"my-4 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003eFor a detailed guide on running this audit, see our article: \u003ca href=\"/how-it-works\" class=\"text-[var(--primary)] hover:underline\"\u003eHow to Do a Website Accessibility Audit in 5 Minutes\u003c/a\u003e.\u003c/p\u003e\n\u003chr class=\"my-8 border-[var(--border)]\" /\u003e\n\u003ch2 class=\"mb-3 mt-10 text-xl font-bold text-[var(--text-primary)]\"\u003eFAQ\u003c/h2\u003e\n\u003cp class=\"my-4 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cstrong\u003eQ: Does completing this checklist mean my site is fully ADA compliant?\u003c/strong\u003e\u003c/p\u003e\n\u003cp class=\"my-4 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003eA: Not necessarily. This checklist covers the most common WCAG 2.1 AA criteria, but compliance is ultimately determined by courts — and courts have sometimes applied stricter standards. A clean checklist significantly reduces your risk but isn't a legal guarantee. Document your efforts; they demonstrate good faith.\u003c/p\u003e\n\u003cp class=\"my-4 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cstrong\u003eQ: How often should I run through this checklist?\u003c/strong\u003e\u003c/p\u003e\n\u003cp class=\"my-4 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003eA: At a minimum, after any significant website redesign or content update, and on a scheduled basis at least once per year. Sites that change frequently (e-commerce, news) should audit more often.\u003c/p\u003e\n\u003cp class=\"my-4 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cstrong\u003eQ: My website is on Squarespace/Wix/Shopify — does the platform handle compliance for me?\u003c/strong\u003e\u003c/p\u003e\n\u003cp class=\"my-4 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003eA: Platforms handle some things (like semantic HTML structure) but not everything. You're still responsible for the content you add: alt text on images you upload, descriptive link text you write, captions on videos you embed. Don't assume the platform covers everything.\u003c/p\u003e\n\u003cp class=\"my-4 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cstrong\u003eQ: Which WCAG version should I be targeting?\u003c/strong\u003e\u003c/p\u003e\n\u003cp class=\"my-4 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003eA: WCAG 2.1 Level AA is the current practical standard for legal compliance in the U.S. WCAG 2.2 was released in 2023 and adds several new criteria — it's worth reviewing, though courts haven't yet widely adopted it.\u003c/p\u003e\n\u003cp class=\"my-4 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003cstrong\u003eQ: I have a one-page website with just my phone number and hours. Do I need to worry about this?\u003c/strong\u003e\u003c/p\u003e\n\u003cp class=\"my-4 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003eA: Yes, though your risk is lower. The basics still apply: readable text contrast, accessible contact form if you have one, and a \u003ccode class=\"rounded bg-gray-100 px-1.5 py-0.5 text-xs font-mono text-[var(--text-primary)]\"\u003elang\u003c/code\u003e attribute on your HTML. Simple sites can be made accessible in under an hour.\u003c/p\u003e\n\u003chr class=\"my-8 border-[var(--border)]\" /\u003e\n\u003ch2 class=\"mb-3 mt-10 text-xl font-bold text-[var(--text-primary)]\"\u003eStart Your Compliance Check Today\u003c/h2\u003e\n\u003cp class=\"my-4 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003eUse \u003ca href=\"/free-scan\" class=\"text-[var(--primary)] hover:underline\"\u003eCheckMyADA's free scan\u003c/a\u003e to automatically check your site against the technical items on this list. The scan takes under two minutes and shows you exactly which issues need attention — with references to the WCAG criteria they violate.\u003c/p\u003e\n\u003cp class=\"my-4 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003eThen use this checklist to handle the items that need human review.\u003c/p\u003e\n\u003cp class=\"my-4 text-sm leading-relaxed text-[var(--text-secondary)]\"\u003e\u003ca href=\"/free-scan\" class=\"text-[var(--primary)] hover:underline\"\u003eRun Your Free Scan\u003c/a\u003e | \u003ca href=\"/pricing\" class=\"text-[var(--primary)] hover:underline\"\u003eView Pricing\u003c/a\u003e | \u003ca href=\"/how-it-works\" class=\"text-[var(--primary)] hover:underline\"\u003eLearn How It Works\u003c/a\u003e\u003c/p\u003e"])</script><script>self.__next_f.push([1,"11:[\"$\",\"div\",null,{\"className\":\"px-6 py-16\",\"children\":[\"$\",\"div\",null,{\"className\":\"mx-auto max-w-3xl\",\"children\":[[\"$\",\"$L5\",null,{\"href\":\"/blog\",\"className\":\"mb-8 inline-flex items-center gap-1 text-sm text-[var(--text-secondary)] hover:text-[var(--primary)]\",\"children\":\"← Back to Blog\"}],[\"$\",\"article\",null,{\"children\":[[\"$\",\"div\",null,{\"className\":\"mb-6 flex items-center gap-3 text-xs text-[var(--text-secondary)]\",\"children\":[[\"$\",\"time\",null,{\"dateTime\":\"2026-03-22\",\"children\":\"March 22, 2026\"}],[\"$\",\"span\",null,{\"children\":\"·\"}],[\"$\",\"span\",null,{\"children\":\"11 min read\"}]]}],[\"$\",\"h1\",null,{\"className\":\"mb-8 text-3xl font-extrabold leading-tight text-[var(--text-primary)] md:text-4xl\",\"children\":\"ADA Website Compliance Checklist for 2025: Every Item You Need to Check\"}],[\"$\",\"div\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"$1a\"}}]]}],\"$L1b\"]}]}]\n"])</script><script>self.__next_f.push([1,"1b:[\"$\",\"div\",null,{\"className\":\"mt-12 rounded-2xl border border-[var(--primary)]/20 bg-[var(--primary)]/5 p-8 text-center\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"mb-2 text-xl font-bold text-[var(--text-primary)]\",\"children\":\"Check Your Website for Free\"}],[\"$\",\"p\",null,{\"className\":\"mb-4 text-sm text-[var(--text-secondary)]\",\"children\":\"Get an honest accessibility report in 30 seconds. No overlay. No false promises.\"}],[\"$\",\"$L5\",null,{\"href\":\"/\",\"className\":\"inline-block rounded-lg bg-[var(--primary)] px-6 py-3 text-sm font-semibold text-white transition-colors hover:bg-[var(--primary-dark)]\",\"children\":\"Run Free Scan\"}]]}]\n"])</script><script>self.__next_f.push([1,"17:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script><script>self.__next_f.push([1,"1c:I[27201,[\"/_next/static/chunks/04eklj-7j4aqp.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"IconMark\"]\n14:null\n"])</script><script>self.__next_f.push([1,"19:[[\"$\",\"title\",\"0\",{\"children\":\"ADA Website Compliance Checklist for 2025: Every Item You Need to Check | CheckMyADA\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"A complete, prioritized ADA website compliance checklist for 2025. Covers technical, content, design, and legal requirements with WCAG 2.1 AA references.\"}],[\"$\",\"meta\",\"2\",{\"name\":\"keywords\",\"content\":\"ADA compliance checker,website accessibility scanner,WCAG 2.1 AA scanner,free accessibility audit,ADA website compliance tool,accessibe alternative,web accessibility checker,ADA scanner free,ADA compliance testing,website ADA compliance\"}],[\"$\",\"meta\",\"3\",{\"name\":\"robots\",\"content\":\"index, follow\"}],[\"$\",\"meta\",\"4\",{\"name\":\"googlebot\",\"content\":\"index, follow, max-video-preview:-1, max-image-preview:large, max-snippet:-1\"}],[\"$\",\"link\",\"5\",{\"rel\":\"canonical\",\"href\":\"https://checkmyada.com/blog/ada-compliance-checklist-2025\"}],[\"$\",\"meta\",\"6\",{\"property\":\"og:title\",\"content\":\"ADA Website Compliance Checklist for 2025: Every Item You Need to Check\"}],[\"$\",\"meta\",\"7\",{\"property\":\"og:description\",\"content\":\"A complete, prioritized ADA website compliance checklist for 2025. Covers technical, content, design, and legal requirements with WCAG 2.1 AA references.\"}],[\"$\",\"meta\",\"8\",{\"property\":\"og:url\",\"content\":\"https://checkmyada.com/blog/ada-compliance-checklist-2025\"}],[\"$\",\"meta\",\"9\",{\"property\":\"og:image\",\"content\":\"https://checkmyada.com/og-image.png\"}],[\"$\",\"meta\",\"10\",{\"property\":\"og:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"11\",{\"property\":\"og:image:height\",\"content\":\"630\"}],[\"$\",\"meta\",\"12\",{\"property\":\"og:image:alt\",\"content\":\"ADA Website Compliance Checklist for 2025: Every Item You Need to Check\"}],[\"$\",\"meta\",\"13\",{\"property\":\"og:type\",\"content\":\"article\"}],[\"$\",\"meta\",\"14\",{\"property\":\"article:published_time\",\"content\":\"2026-03-22\"}],[\"$\",\"meta\",\"15\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"16\",{\"name\":\"twitter:title\",\"content\":\"ADA Website Compliance Checklist for 2025: Every Item You Need to Check\"}],[\"$\",\"meta\",\"17\",{\"name\":\"twitter:description\",\"content\":\"A complete, prioritized ADA website compliance checklist for 2025. Covers technical, content, design, and legal requirements with WCAG 2.1 AA references.\"}],[\"$\",\"meta\",\"18\",{\"name\":\"twitter:image\",\"content\":\"https://checkmyada.com/og-image.png\"}],[\"$\",\"link\",\"19\",{\"rel\":\"icon\",\"href\":\"/favicon-32x32.png\",\"sizes\":\"32x32\",\"type\":\"image/png\"}],[\"$\",\"link\",\"20\",{\"rel\":\"icon\",\"href\":\"/favicon-16x16.png\",\"sizes\":\"16x16\",\"type\":\"image/png\"}],[\"$\",\"link\",\"21\",{\"rel\":\"apple-touch-icon\",\"href\":\"/apple-touch-icon.png\"}],[\"$\",\"$L1c\",\"22\",{}]]\n"])</script></body></html>