feat(web): afegir skip link per accessibilitat amb teclat

2026-07-14 13:46:31 +02:00
parent 02e40dd383
commit 69ea05e705
1 changed files with 7 additions and 1 deletions
@@ -51,8 +51,14 @@ const ogLocale = lang === "es" ? "es_ES" : "ca_ES";
    <meta name="twitter:image" content={ogImage} />
  </head>
  <body class="bg-stone-50 text-stone-900">
+    <a
+      href="#main-content"
+      class="sr-only focus:not-sr-only focus:absolute focus:top-2 focus:left-2 focus:z-50 focus:px-3 focus:py-2 focus:bg-orange-700 focus:text-white focus:rounded"
+    >
+      {lang === "es" ? "Saltar al contenido principal" : "Saltar al contingut principal"}
+    </a>
    <Header lang={lang} active={active} />
-    <main>
+    <main id="main-content" tabindex="-1">
      <slot />
    </main>
    <Footer lang={lang} />