Skip to content

ER Page <h1> heading is visually hidden #409

@racecn

Description

@racecn
Image

.../services/escape-room
This creates a disconnect between what sighted users see as the page title and what screen readers announce, violating the principle that visual and programmatic information should match. The visual page title doesn't match programmatic heading structure, confusing for users who rely on visual and/or auditory information.

The problem isn't the "missing <h1>" - its more that the screen reader announced structure doesn't match what other users see visually. A completely missing <h1> would be poor practice but not necessarily a WCAG failure, while a hidden <h1> that conflicts with the visual hierarchy is a clearer accessibility barrier.

1.3.1 Info and Relationships
2.4.6 Headings and Labels

Current Behavior:
<h1> is hidden from sighted users but announced to screen readers
Visual page title doesn't match programmatic heading structure
Confusing for users who rely on both visual and auditory information

Expected Behavior:
<h1> should be visible and match the visual page title
Consistent experience for all users
Clear page hierarchy

Metadata

Metadata

Labels

accessibilityThis are issues related to accessibility and usability

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions