efab691 Show on GitHub

  • Author: Alisa
  • Date: 1/20/2026, 10:30:42 PM
  • Message: refactor(nav): improve semantic structure, accessibility and reduce JS - Refactored header and mobile navigation markup for clearer semantics (header/nav/list structure). - Switched language menu and mobile drawer/submenus to <details>/<summary> for native toggle behavior (no JS required). - Added sr-only headings inside nav landmarks to differentiate navigation regions without relying on aria-label. - Ensured icon-only controls include screen-reader text. - Improved sidepanel layout with flex so footer sits at the bottom without absolute positioning. - Standardized navigation class naming and introduced shared nav utility classes (nav-list/nav-item/nav-link) for DRY styling. - Added prefers-reduced-motion handling and kept transitions lightweight. refs: #244
  • Stats: 484 total changes (+240 / -244)

Changed Files

  • src/lib/components/organisms/navbar/NavBar.svelte — +240 / -244 (484 changes)