Skip to content

fix(a11y): mobile hamburger nav drawer (closes #1)#8

Open
FabioLeitao wants to merge 1 commit into
mainfrom
fix/mobile-nav-hamburger
Open

fix(a11y): mobile hamburger nav drawer (closes #1)#8
FabioLeitao wants to merge 1 commit into
mainfrom
fix/mobile-nav-hamburger

Conversation

@FabioLeitao

Copy link
Copy Markdown
Contributor

Summary

  • Adds a hamburger toggle on viewports ≤900px so nav.links remain reachable on mobile (375px / 768px).
  • Drawer slides in from the right with overlay, aria-expanded, Escape to close, and link click closes menu.
  • Extracts shared js/site.js (nav + language switcher) across all four pages.

Test plan

  • Resize to 375px and 768px: hamburger visible, drawer opens with Solução / Recursos / Clientes / Preços / OpenSource
  • Overlay click and Escape close the drawer
  • Desktop (>900px): inline nav unchanged, hamburger hidden
  • Language switcher still works on all pages

Closes #1

Made with Cursor

Replace hidden nav.links on small viewports with an accessible toggle,
slide-in drawer, overlay, and shared js/site.js for lang switcher.
Closes #1.
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.

[P1][a11y] site: nav mobile some sem hambúrguer (≤900px)

1 participant