Inaccessible Demo Page

This page contains intentional accessibility issues for testing the Axibly extension.

This page is intentionally inaccessible

Install the Axibly extension and run a scan to see all the issues detected. Each section below contains common WCAG violations.

1. Image Accessibility Issues

Images without proper alternative text.

❌ Missing alt attribute

This image has no alt attribute at all.

❌ Empty alt on informative image

Informative images should not have empty alt text.

2. Form Accessibility Issues

Form inputs without proper labels and associations.

❌ Input without associated label

❌ Placeholder used as label

Placeholders disappear when typing and are not accessible labels.

❌ Select without label

❌ Button with icon only (no accessible name)

3. Color Contrast Issues

Text that doesn't meet WCAG contrast requirements.

❌ Low contrast text (fails WCAG AA)

This light gray text on white background has insufficient contrast ratio.

❌ Low contrast on blue background

This light blue text on blue background is hard to read.

❌ Small text needs higher contrast

Small text requires a higher contrast ratio of 4.5:1 minimum. This text fails that requirement.

4. Heading Structure Issues

Improper heading hierarchy that confuses screen readers.

❌ Skipped heading levels (h4 → h6)

This is an H4 heading

Some content under the H4...

This jumps to H6 (skipping H5)

Heading levels should not be skipped for proper document structure.

5. Link Accessibility Issues

Links with unclear or missing context.

❌ Non-descriptive link text

To learn more about our accessibility features, click here. For pricing information, click here.

"Click here" doesn't describe where the link goes.

❌ Link with no text content

Icon-only links need accessible names via aria-label.

❌ Link not visually distinguishable

Our terms of service and privacy policy apply to all users.

Links should be visually distinct from surrounding text.

6. Interactive Element Issues

Clickable elements that aren't keyboard accessible.

❌ Div used as button (not keyboard accessible)

Click Me (I'm a div)

This looks like a button but can't be activated with keyboard.

❌ Button without visible focus indicator

Tab to this button - there's no visible focus indicator.

7. Table Accessibility Issues

Data tables without proper markup.

❌ Table without headers or caption

PlanPriceFeatures
Basic$9/mo5 scans
Pro$29/moUnlimited

This table uses td for headers instead of th, and has no caption.

Ready to Find These Issues Automatically?

Install the Axibly extension and scan this page to see all violations detected instantly.