Accessibility Report Sample
This sample report shows a CodeAva WCAG 2.1 AA accessibility scan for a content-heavy news site. Three critical violations were found — images lacking alt text, unlabelled form inputs, and an uncaptioned video. Four warnings cover contrast failures, a missing lang attribute, absent skip navigation, and a broken heading hierarchy. Four checks passed.
55
/ 100
Overall Score
3
Critical issues
4
Warnings
4
Passed checks
11
Total checks
14 images missing alt text
critical14 <img> elements across article pages have empty or absent alt attributes. Screen readers will announce the filename instead of a meaningful description, breaking comprehension for blind users.
Examples:
/article/eu-elections → <img src="election-map.jpg" alt="">
/article/climate-report → <img src="chart-co2.png"> (no alt)
/homepage → <img src="breaking-news-banner.jpg" alt="">
… and 11 more3 form inputs without associated labels
critical3 input fields in the newsletter signup and comment forms have no <label> element associated via for/id pairing or aria-label. Screen reader users cannot identify what data these fields expect.
Violations:
<input type="email" placeholder="Your email"> — no label
<input type="text" placeholder="Name"> — no label
<textarea placeholder="Comment"> — no label
Fix: <label for="email">Email address</label>
<input id="email" type="email">Embedded video has no captions or transcript
criticalA 4-minute video on the homepage lacks closed captions and no text transcript is provided. This fails WCAG 2.1 Success Criterion 1.2.2 (Captions, Prerecorded) at Level AA.
Element: <video src="/media/explainer-2025.mp4">
Caption track: none detected
Transcript link: none found on page
Fix: Add <track kind="captions" src="captions.vtt">Colour contrast ratio below 4.5:1 (11 instances)
warning11 text elements use foreground/background colour combinations with a contrast ratio below the WCAG AA minimum of 4.5:1 for normal text. Affects readability for users with low vision.
Example:
Tag labels — #9CA3AF on #F9FAFB
Ratio: 2.8:1 (required: 4.5:1)
Article bylines — #B0B7C3 on #FFFFFF
Ratio: 3.1:1Missing lang attribute on <html>
warningThe <html> element has no lang attribute. Screen readers use this to select the correct voice and pronunciation engine. Without it, English content may be read in the user's system language.
Current: <html>
Fix: <html lang="en">No skip-to-content link
warningThere is no skip navigation link at the top of the page. Keyboard-only users must tab through the entire header and navigation on every page load before reaching the main content.
Fix: Add as the first focusable element:
<a href="#main-content" class="sr-only focus:not-sr-only">
Skip to main content
</a>Heading hierarchy broken on article pages
warningSeveral article pages skip heading levels (e.g. h1 → h4), which disrupts navigation for screen reader users who browse by heading structure.
Example on /article/eu-elections:
<h1>EU Elections 2025</h1>
<h4>Background</h4> ← should be <h2>
<h4>Results</h4> ← should be <h2>Recommended fixes
Add lang="en" to the <html> element
A single attribute addition. This immediately fixes screen reader language detection and takes less than a minute to deploy.
Add a skip-to-content link
Add a visually hidden but focusable link as the first element in the body. It becomes visible on focus and allows keyboard users to skip navigation.
Write alt text for 14 images
Audit each image and write a concise description of its content and purpose. Decorative images should use alt="" (empty, not absent).
Associate labels with form inputs
Link each input to a visible <label> via for/id pairing, or add aria-label for inputs where a visible label isn't appropriate.
Fix colour contrast on tag labels and bylines
Darken the text colour for category tags and article bylines to achieve at least a 4.5:1 ratio. Use the WebAIM Contrast Checker to validate.
Run this audit on your own project
This is a sample report. Get your own scored results by pasting a URL or code snippet.