WCAG 2.1 AA Compliance Report
https://example.com
Generated on May 13, 2026
Score
22%
Pages Scanned
12
Elements Checked
1,847
Issues Found
12
Critical
3
Must fix immediately
Major
5
Should fix soon
Minor
4
Consider fixing
Executive Summary
This report presents the findings of an automated accessibility audit of https://example.com conducted against the Web Content Accessibility Guidelines (WCAG) 2.1 Level AA success criteria.
The audit identified 12 accessibility issues across 12 pages, with 3 critical issues that require immediate attention. The overall compliance score is 22%, resulting in a grade of F.
Critical issues include missing alternative text for images, inaccessible interactive elements, and insufficient color contrast ratios. These issues directly impact users who rely on assistive technologies and may expose the organization to legal liability under the Americans with Disabilities Act (ADA) and related regulations.
Recommended priority: Address all critical issues within 2 weeks, major issues within 30 days, and minor issues within 60 days.
Critical3 issues
Image element is missing alt text. Screen readers cannot describe the content of this image to visually impaired users.
Affected Element
div.hero > img.banner-image
<img src="/hero-banner.jpg" class="banner-image">Recommended Fix
Add a descriptive alt attribute: <img src="/hero-banner.jpg" class="banner-image" alt="Team collaborating in a modern office workspace">Interactive element has no accessible name. Assistive technologies cannot identify the purpose of this button.
Affected Element
nav > button.menu-toggle
<button class="menu-toggle"><svg>...</svg></button>Recommended Fix
Add an aria-label attribute: <button class="menu-toggle" aria-label="Toggle navigation menu"><svg>...</svg></button>Text color #999 on background #fff has a contrast ratio of 2.85:1, which is below the minimum requirement of 4.5:1 for normal text.
Affected Element
footer > p.copyright
<p class="copyright" style="color: #999;">Copyright 2024</p>Recommended Fix
Change the text color to at least #767676 to achieve a contrast ratio of 4.5:1: <p class="copyright" style="color: #767676;">Copyright 2024</p>Major5 issues
Link text "click here" is not descriptive. Users navigating by link list cannot determine the destination.
Affected Element
section.cta > a.action-link
<a href="/pricing" class="action-link">click here</a>Recommended Fix
Use descriptive link text: <a href="/pricing" class="action-link">View our pricing plans</a>Form input is missing an associated label. Screen reader users cannot determine what information to enter.
Affected Element
form#contact > input[name="email"]
<input type="email" name="email" placeholder="Your email">Recommended Fix
Add a <label> element: <label for="email">Email address</label><input type="email" id="email" name="email" placeholder="Your email">Custom dropdown menu is not keyboard accessible. Users who rely on keyboard navigation cannot open or navigate menu options.
Affected Element
nav > div.dropdown
<div class="dropdown" onclick="toggleMenu()">Services</div>Recommended Fix
Convert to a button with keyboard event handlers: <button class="dropdown" aria-expanded="false" aria-haspopup="true" onkeydown="handleKeyDown(event)">Services</button>Required form field has no indication that it is required. Users may submit the form without filling in mandatory fields.
Affected Element
form#signup > input[name="password"]
<input type="password" name="password">Recommended Fix
Add required attribute and visual indicator: <label for="password">Password <span aria-hidden="true">*</span></label><input type="password" id="password" name="password" required aria-required="true">Focus indicator has been removed with CSS outline:none. Keyboard users cannot see which element is currently focused.
Affected Element
a, button
a:focus, button:focus { outline: none; }Recommended Fix
Provide a visible focus style: a:focus-visible, button:focus-visible { outline: 2px solid #059669; outline-offset: 2px; }Minor4 issues
Page title is generic and does not describe the page content. Users with multiple tabs open cannot identify this page.
Affected Element
head > title
<title>Page</title>Recommended Fix
Use a descriptive page title: <title>Contact Us - Acme Corp</title>The lang attribute on the html element is missing. Screen readers cannot determine the correct pronunciation language.
Affected Element
html
<html>Recommended Fix
Add the lang attribute: <html lang="en">Text uses fixed pixel sizes that prevent user text resizing. Content may become unreadable for users with low vision.
Affected Element
body
<body style="font-size: 14px;">Recommended Fix
Use relative units for font sizes: <body style="font-size: 0.875rem;">Input field for personal data is missing autocomplete attribute. Autofill cannot help users complete forms efficiently.
Affected Element
form#checkout > input[name="name"]
<input type="text" name="name">Recommended Fix
Add the autocomplete attribute: <input type="text" name="name" autocomplete="name">WCAG 2.1 AA Compliance Checklist
Disclaimer: This automated accessibility audit provides a baseline assessment against WCAG 2.1 Level AA criteria. Automated testing can detect approximately 30-40% of accessibility issues. A comprehensive assessment should include manual testing with assistive technologies and user testing with people with disabilities. This report does not constitute legal advice.