Skip to content

Add a skip-to-content link #57

Description

@DataDave-Dev

🇪🇸 Español

El header sticky tiene marca + dos bloques de nav + CTA + selector de idioma y ningún skip link, así que los usuarios de teclado/lector de pantalla deben tabular por todos los controles del header en cada página (WCAG 2.4.1 Bypass Blocks).

Archivo: src/components/layout/Header.tsx:27-104

Solución sugerida: Agregar un <a href="#main"> oculto-hasta-foco como primer elemento enfocable, junto con un <main id="main">.


🇬🇧 English

The sticky header has brand + two nav blocks + CTA + language switcher and no skip link, so keyboard/screen-reader users must tab through all header controls on every page (WCAG 2.4.1 Bypass Blocks).

File: src/components/layout/Header.tsx:27-104

Suggested fix: Add a visually-hidden-until-focused <a href="#main"> as the first focusable element, paired with a <main id="main">.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions