a11y: Apply page has two <h1> elements — heading hierarchy broken #100

New issue

Closed

opened 2026-04-14 15:44:29 -07:00 by pyr0ball · 0 comments

pyr0ball commented

2026-04-14 15:44:29 -07:00

Owner

The Apply page renders two <h1> elements: the view heading and the job detail heading. This breaks document outline for screen reader users navigating by headings.

Fails WCAG 1.3.1 (Info and Relationships).

Fix: Demote the job detail heading in ApplyWorkspace.vue to <h2>, keeping the view-level heading as the single <h1>. Check that subsequent headings in the component follow a logical h2 → h3 hierarchy.

The Apply page renders two `<h1>` elements: the view heading and the job detail heading. This breaks document outline for screen reader users navigating by headings. Fails WCAG 1.3.1 (Info and Relationships). **Fix:** Demote the job detail heading in `ApplyWorkspace.vue` to `<h2>`, keeping the view-level heading as the single `<h1>`. Check that subsequent headings in the component follow a logical h2 → h3 hierarchy.