Skip to content

fix(dashboard): correct heading hierarchy (h1 -> h2) #176 - #177

Merged
antosubash merged 1 commit into
mainfrom
fix/176-dashboard-heading-hierarchy
May 25, 2026
Merged

fix(dashboard): correct heading hierarchy (h1 -> h2) #176#177
antosubash merged 1 commit into
mainfrom
fix/176-dashboard-heading-hierarchy

Conversation

@antosubash

Copy link
Copy Markdown
Owner

Summary

  • Fix heading hierarchy skip on the Dashboard Home page: PageShell renders the page title as h1, but SectionTitle defaulted to h3, skipping h2 entirely.
  • Pass as="h2" to the SectionTitle component in Home.tsx so the "System" section heading renders as h2.

Closes #176

Test plan

  • Verify the Dashboard page renders "System" as an <h2> element (inspect in browser DevTools)
  • Confirm no visual regression — SectionTitle with as="h2" uses text-lg instead of text-base, which is the intended size for a top-level section
  • Run accessibility audit (e.g. axe or Lighthouse) and confirm no heading-order warnings

…s h2 (#176)

PageShell renders the page title as h1, so section headings inside the
dashboard should be h2 to avoid skipping a level. Pass `as="h2"` to
SectionTitle in the Home page.
@cloudflare-workers-and-pages

Copy link
Copy Markdown

Deploying simple-module-python with  Cloudflare Pages  Cloudflare Pages

Latest commit: f2438ec
Status: ✅  Deploy successful!
Preview URL: https://de2710c6.simple-module-python.pages.dev
Branch Preview URL: https://fix-176-dashboard-heading-hi.simple-module-python.pages.dev

View logs

@antosubash
antosubash merged commit ccda2e9 into main May 25, 2026
12 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Dashboard heading hierarchy skips h2 (a11y)

1 participant