WCAG Test Page
This page intentionally includes accessibility issues for testing WCAG Helper and the ADA Compliance Scanner.
1. Images Missing Alt Text
2. Links Without Clear Names
Read more (opens in a new tab)
(opens in a new tab)
3. Buttons Without Accessible Names
4. Form Fields Missing Labels
5. Low Color Contrast
This light gray text on white background should trigger a color contrast issue.
This white text on yellow background should also fail contrast.
6. Heading Order Problems
This heading skips levels
The page jumps from h2 to h4, which may trigger heading order checks.
Another Proper H2
Another skipped heading
7. Duplicate IDs
First duplicate ID element
Second duplicate ID element
8. Invalid ARIA
Looks like a button, but it is not keyboard accessible.
Non-interactive div with questionable ARIA.
Invalid aria-checked value.
- Menu item without proper role
- Another menu item without proper role
9. Focus and Keyboard Issues
Clickable div with no keyboard support
10. Iframe Missing Title
11. Table Issues
| Name | Status | |
| Jane | jane@example.com | Active |
| Sam | sam@example.com | Inactive |
12. Missing Language Context Inside Content
This sentence includes untranslated foreign text without language markup: Bonjour, comment allez-vous?
13. Poor Link Purpose
14. Empty Landmark-Like Regions
This main region exists, but the page has several other issues.
15. Content For Selector Remediation Testing
Logo image selector test:
New tab selector test:
External resource (opens in a new tab)
Selector remediation color contrast target.