From 2306cb12ab463850663cb61648f6527ebc6b5096 Mon Sep 17 00:00:00 2001
From: Laurent GAY <l.gay@sd-libre.fr>
Date: Thu, 26 Jun 2025 16:00:31 +0200
Subject: [PATCH] add bypass link to the main block - Issue #1779

---
 src/App.vue         | 10 ++++++++--
 src/i18n/en_US.json |  2 +-
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 9c0861b08..75fe0ca5a 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,7 +1,13 @@
 <template>
   <div id="mobilizon">
-    <!-- <VueAnnouncer />
-    <VueSkipTo to="#main" :label="t('Skip to main content')" /> -->
+    <!-- <VueAnnouncer /> -->
+    <a
+      class="peer sr-only left-1/2 top-6 z-[101] !inline-flex -translate-x-1/2 focus-visible:not-sr-only focus-visible:absolute focus-visible:!outline-none"
+      href="#main"
+    >
+      <span class="block px-3 py-2">{{ t("Skip to main content") }}</span>
+    </a>
+
     <NavBar />
     <div v-if="isDemoMode">
       <o-notification
diff --git a/src/i18n/en_US.json b/src/i18n/en_US.json
index 4fffd47e8..804c4c5f6 100644
--- a/src/i18n/en_US.json
+++ b/src/i18n/en_US.json
@@ -306,6 +306,7 @@
   "Show the time when the event begins": "Show the time when the event begins",
   "Show the time when the event ends": "Show the time when the event ends",
   "Sign up": "Sign up",
+  "Skip to main content": "Skip to main content",
   "Starts on…": "Starts on…",
   "Status": "Status",
   "Street": "Street",
@@ -1208,7 +1209,6 @@
   "Resent confirmation email": "Resent confirmation email",
   "Send password reset": "Send password reset",
   "Email validate": "Email validate",
-  "Skip to main content": "Skip to main content",
   "{timezoneLongName} ({timezoneShortName})": "{timezoneLongName} ({timezoneShortName})",
   "Back to top": "Back to top",
   "Powered by Mobilizon": "Powered by Mobilizon",