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">.

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions