⚠️ Issue: poor_accessibility

Poor Accessibility Test Page

This page intentionally contains multiple accessibility violations to trigger the poor_accessibility issue.

This text has very low contrast (light gray on white) and is hard to read for users with vision impairments. The contrast ratio is below WCAG AA standards.

Missing Alt Text

Skipped Heading Levels

We jumped from H1 to H4, skipping H2 and H3.

Form Without Labels

For more information, click here.

Clickable div without ARIA label

What's wrong?

Low contrast text (light gray on white background)
Image missing alt attribute
Broken heading hierarchy (H1 to H4)
Form inputs without associated labels
Non-descriptive link text
Button with no accessible name
Clickable div without ARIA label or role description

Expected Detection:

Severity: Warning

Threshold: Lighthouse Accessibility Score < 90

Check: lighthouse-a11y

Issue Type: poor_accessibility

Detection: Lighthouse audit will score this page low on accessibility metrics.

How to Fix:

Ensure sufficient color contrast (minimum 4.5:1 for normal text)
Add descriptive alt text to all images
Use proper heading hierarchy (H1 → H2 → H3)
Associate labels with form inputs
Use descriptive link text
Add accessible names to buttons (text content or aria-label)
Use semantic HTML or add proper ARIA attributes
Test with screen readers (NVDA, VoiceOver)
Run Lighthouse accessibility audits

WCAG 2.1 Level AA Requirements:

Color contrast ratio: 4.5:1 for normal text, 3:1 for large text
All images need alt text (or role="presentation" if decorative)
Proper heading hierarchy
Form inputs must have labels
Keyboard navigation must work
Focus indicators must be visible