Skip to content

Feat: Ejemplo menú nav con navegación accesible #43

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
ctrl-alt-d wants to merge 7 commits into from
Closed

Feat: Ejemplo menú nav con navegación accesible #43

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
0d66418
feat: add dynamic menu with astro content
itziarZG Jan 17, 2026
0e8e9d4
Merge branch 'main' into feat_dynamic_menu
itziarZG Jan 19, 2026
ca4cc2d
fix: accessibility
itziarZG Jan 19, 2026
974ecd3
Fix: keyboard behavior
ctrl-alt-d Jan 22, 2026
79244b7
refactor: move components from layouts/components to src/components
ctrl-alt-d Jan 22, 2026
af5c4b6
Fix: mobile menu
ctrl-alt-d Jan 22, 2026
31a561c
Merge branch 'main' into dh_a11y_dynamic_menu
ctrl-alt-d Jan 26, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
21 changes: 21 additions & 0 deletions src/components/Nav.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
---
import Navigation from './Navigation.astro'

/**
* Nav Component
*
* @description Main navigation wrapper that uses the accessible Navigation component
* This component provides professional-level accessibility following WCAG 2.1 guidelines
*
* Keyboard behaviors (inherited from Navigation.astro):
* - ArrowLeft/ArrowRight: Navigate between top-level menu items
* - ArrowDown: Open dropdown and navigate down through items
* - ArrowUp: Navigate up through dropdown items
* - Escape: Close dropdown/mobile menu and return focus to trigger
* - Tab: Standard tab navigation with proper focus management
*/
---

<header>
<Navigation />
</header>
Loading