AccessLens Accessibility Audit
Site: https://agency-xyz.com
Pages Scanned: 3
Date: 2025-06-25
WCAG Level: WCAG 2.2 AA
Executive Summary
This audit identifies potential accessibility issues that may affect users with disabilities. Resolving them improves usability, legal compliance, and inclusivity.
- 🔴 Low text/background contrast (1 instances)
- 🔴 Language attribute missing (1 instances)
- 🔴 Duplicate element id (1 instances)
- 🟢 Skipped heading level (1 instances)
- 🟡 Link has no accessible name (1 instances)
- 🟠 Missing alternative text (1 instances)
- Legal Risk Estimate: Medium
- Common Violations:
- Accessibility Tools Used: axe-core, WCAG 2.2 validator
- Follow-up Recommended: Full manual audit or remediation support
Severity Key
- ■ Critical – Blocks access, legal exposure
- ■ Serious – Major usability barrier
- ■ Moderate – Noticeable but minor impact
- ■ Minor – Cosmetic or edge-case
Scanned URLs
The following 3 pages were scanned for accessibility issues:
- https://agency-xyz.com/
- https://agency-xyz.com/about
- https://agency-xyz.com/contact
Visual Highlights
Issue Breakdown
https://agency-xyz.com/
Low text/background contrast
Description: The gray text on white background fails WCAG 2.2 AA 4.5:1 contrast.
Fix: Increase the text colour to #000000, or darken it until contrast ≥ 4.5:1.
Rule: color-contrast
Target: .hero-tagline
Missing alternative text
Description: Decorative image lacks alt attribute.
Fix: Add alt="" if decorative, or alt="Barista pouring coffee" if informational.
Rule: image-alt
Target: img[src*="/banner/coffee.jpg"]
Form field has no label
Description: Search form input is missing an associated label.
Fix: Add <label for="q">Search</label> before the input.
Rule: label
Target: form.search input[name=q]
Skipped heading level
Description: Found <h4> immediately after <h2>.
Fix: Change to <h3> or re-nest headings correctly.
Rule: heading-order
Target: h4.section-tagline
https://agency-xyz.com/about
Language attribute missing
Description: <html> element lacks a lang attribute.
Fix: Add lang="en" (or appropriate language code) to <html>.
Rule: html-has-lang
Target: html
Link has no accessible name
Description: Social icon link contains no text or aria-label.
Fix: Add aria-label="Twitter" or visible text.
Rule: link-name
Target: a[href^="https://twitter.com"]
https://agency-xyz.com/contact
Duplicate element id
Description: Multiple elements use id="submit-btn".
Fix: Ensure each id value is unique.
Rule: duplicate-id
Target: #submit-btn
Accordion missing required children
Description: Role="tablist" lacks role="tab" children.
Fix: Wrap each toggle button in role="tab" and role="tabpanel".
Rule: aria-required-children
Target: div[role=tablist]
Glossary
- WCAG: Web Content Accessibility Guidelines
- Alt Text: Text that describes an image for screen readers
- ARIA: Attributes that help assistive tech interpret UI
- Contrast Ratio: The difference in brightness between foreground and background
- Screen Reader: A tool that reads page content aloud to visually impaired users
Next Steps
We recommend a full manual audit to catch remaining issues, followed by remediation support.
Schedule a Consultation