Skip to content

feat(app): add keyboard skip-link, offline network banner, and 404 route fallback - #983

Open
area523ufo wants to merge 1 commit into
Sorokit:mainfrom
area523ufo:fix/app-offline-banner-skip-link-404-966
Open

area523ufo wants to merge 1 commit into
Sorokit:mainfrom
area523ufo:fix/app-offline-banner-skip-link-404-966

Conversation

@area523ufo

Copy link
Copy Markdown

Summary

Enhances src/App.tsx and src/lib/nav-routes.ts with an accessible skip-to-main-content link, a live online/offline network status alert banner, and a 404 fallback view with recovery navigation for unknown paths.

Changes

  • Added resolveRoute() in src/lib/nav-routes.ts to distinguish registered routes from unknown paths.
  • Added a keyboard-accessible skip link (#main-content), an offline status banner (role="status"), and a 404 fallback card with a button to return to the dashboard in src/App.tsx.
  • Added comprehensive integration tests in src/App.test.tsx (9/9 passing).

Closes #966

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.

Add global offline status banner and skip-to-content link in App.tsx

1 participant