-
Notifications
You must be signed in to change notification settings - Fork 10
Add a skip-to-content link #57
Copy link
Copy link
Open
Labels
accessibilityWCAG / a11y improvementsWCAG / a11y improvementsenhancementNew feature or requestNew feature or requestgood first issueGood for newcomersGood for newcomers
Description
Activity
Metadata
Metadata
Assignees
Labels
accessibilityWCAG / a11y improvementsWCAG / a11y improvementsenhancementNew feature or requestNew feature or requestgood first issueGood for newcomersGood for newcomers
🇪🇸 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-104Solució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-104Suggested fix: Add a visually-hidden-until-focused
<a href="#main">as the first focusable element, paired with a<main id="main">.