Skip to content

fix: add branded 404 page and fix mobile menu accessible name - #442

Open
anishkb-dev wants to merge 1 commit into
CivicDataLab:devfrom
anishkb-dev:fix/404-page-and-mobile-menu-a11y
Open

fix: add branded 404 page and fix mobile menu accessible name#442
anishkb-dev wants to merge 1 commit into
CivicDataLab:devfrom
anishkb-dev:fix/404-page-and-mobile-menu-a11y

Conversation

@anishkb-dev

Copy link
Copy Markdown

Summary

  • Adds app/not-found.tsx: a branded 404 page (logo, message, home link, shared nav/footer) replacing the bare default Next.js 404.
  • Fixes the mobile hamburger menu's accessibility: Sheet.Content (opub-ui) only renders a DialogTitle when a title prop is passed, so Radix's auto-generated aria-labelledby was pointing at an element that never rendered. Passing title="Navigation menu" renders the (visually-hidden) DialogTitle the dialog needs.

Fixes #368
Fixes #361 (accessible-name part only — the "add nav links to mobile menu" part duplicates #367, which a maintainer already deprioritized: "Mobile usage is not the priority right now")

Test plan

  • npx tsc --noEmit passes with no new errors
  • Manual click-through (not possible in this environment — no Keycloak/backend credentials configured)

@anishkb-dev
anishkb-dev force-pushed the fix/404-page-and-mobile-menu-a11y branch from 189a5fb to 24db653 Compare August 8, 2026 07:45
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.

1 participant