All non-text content has text alternatives
Why it matters
Missing or meaningless alt text on images is a hard blocker for screen reader users — assistive technology reads the filename, URL, or nothing at all instead of the image's meaning. WCAG 2.2 SC 1.1.1 (Non-text Content) is a Level A requirement: failure makes a site legally non-conformant under Section 508 and the EU Web Accessibility Directive. Beyond compliance, poor alt text degrades SEO, since search crawlers rely on the same attribute to index images.
Severity rationale
Critical because missing alt text creates a complete information blackout for blind and low-vision users who rely on screen readers, violating the foundational WCAG 2.2 SC 1.1.1 Level A requirement with no workaround.
Remediation
Add descriptive alt text to every content image; use empty alt for decorative ones so screen readers skip them cleanly. In Next.js Image components:
// Content image — describe what it shows
<Image src="/hero.jpg" alt="Developer typing at a standing desk in a bright office" />
// Decorative image — suppress announcement
<Image src="/divider.svg" alt="" role="presentation" />
For charts and graphs, add a sibling text summary or table and link it with aria-describedby. Check every <img> in your codebase for missing or placeholder alt values like "image", "photo", or the filename.
DetectionPro
The detection method for this pattern is part of AuditBuffet Pro.
The full method (what to look for, pass and fail conditions, and how results get reported) ships inside the Accessibility WCAG Compliance Audit. The pattern definition, severity rationale, and remediation remain openly licensed under CC-BY-4.0.
External references
- wcag:2.2 · 1.1.1 — Non-text Content
- section-508:2018-refresh · 502.3.1 — Object Information
Taxons
History
- 2026-04-18·v1.0.0·Initial import from accessibility-wcag·automated