Skip to content

fix: shared shell accessibility (Navbar, SelectPicker, focus) - #3

Open
smmariquit wants to merge 2 commits into
BetterLosBanos:mainfrom
smmariquit:fix/shell-a11y
Open

fix: shared shell accessibility (Navbar, SelectPicker, focus)#3
smmariquit wants to merge 2 commits into
BetterLosBanos:mainfrom
smmariquit:fix/shell-a11y

Conversation

@smmariquit

Copy link
Copy Markdown

Summary

  • Navbar: keyboard-open desktop dropdowns, Escape to close, aria-expanded / aria-controls on mobile menu + submenus, focus-visible rings, configurable config.lgu.logoPath, Hotlines as external <a>
  • SelectPicker: valid markup (clear control no longer nested in the trigger), arrow-key listbox navigation, Escape returns focus, aria-controls / multiselect semantics
  • SearchInput / Pagination: clear labels, focus-visible rings, page control labels

Test plan

  • In a consumer (e.g. betteruplb via file:../betterlb-ui), Tab through desktop nav — dropdowns open on focus and close on Escape / blur
  • Open mobile menu — Escape closes and returns focus to the menu button; submenu chevrons announce expand/collapse
  • Open SelectPicker with keyboard — ArrowUp/Down, Enter/Space toggle options, Escape closes
  • Confirm clear buttons announce “Clear search” / “Clear selection”
  • npm run type-check && npm run build

Open desktop nav menus on keyboard focus, wire Escape/aria for mobile
menus, make SelectPicker a real multiselect listbox (no nested buttons),
and add clear labels plus focus-visible rings on shared shell controls.
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