← Back to Test Site

Page 3: Buttons and Heading Hierarchy Issues

This page contains accessibility issues related to buttons without accessible names and improper heading hierarchy.

Icon-Only Buttons Without Accessible Names

These buttons have icons but no accessible text:

These buttons are missing accessible names. Users with screen readers won't know what they do.

Properly Named Buttons (for comparison)

Section With Skipped Heading Level

Notice this is an h3, but we jumped directly from the h1 above - we skipped h2. This violates heading hierarchy rules.

Another h3 in sequence

This demonstrates improper heading structure. We should have gone h1 → h2 → h3, not h1 → h3 → h3.

Proper Heading Hierarchy (for comparison)

The heading above this is an h2, which properly follows the h1 at the top of the page.

Subsection Under h2

This h3 is properly nested under the h2 above.

Another subsection

This is also an h3 under h2, maintaining proper hierarchy.

Summary of Issues on This Page