Restore Skip to main content link as first focusable element

tjementum · tjementum · commit 91a431cd64ce · 2026-04-23T12:33:37.000+02:00
diff --git a/application/account/WebApp/shared/translations/locale/da-DK.po b/application/account/WebApp/shared/translations/locale/da-DK.po
@@ -1240,6 +1240,9 @@ msgstr "Tilmeld dig med Google"
 msgid "Signup verification code"
 msgstr "Tilmeldingsbekræftelseskode"
 
+msgid "Skip to main content"
+msgstr "Spring til hovedindhold"
+
 msgid "SLA"
 msgstr "SLA"
 
diff --git a/application/account/WebApp/shared/translations/locale/en-US.po b/application/account/WebApp/shared/translations/locale/en-US.po
@@ -1240,6 +1240,9 @@ msgstr "Sign up with Google"
 msgid "Signup verification code"
 msgstr "Signup verification code"
 
+msgid "Skip to main content"
+msgstr "Skip to main content"
+
 msgid "SLA"
 msgstr "SLA"
 
diff --git a/application/back-office/WebApp/shared/translations/locale/da-DK.po b/application/back-office/WebApp/shared/translations/locale/da-DK.po
@@ -146,6 +146,9 @@ msgstr "Vis detaljer"
 msgid "Show more"
 msgstr "Vis flere"
 
+msgid "Skip to main content"
+msgstr "Spring til hovedindhold"
+
 msgid "Something went wrong"
 msgstr "Noget gik galt"
 
diff --git a/application/back-office/WebApp/shared/translations/locale/en-US.po b/application/back-office/WebApp/shared/translations/locale/en-US.po
@@ -146,6 +146,9 @@ msgstr "Show details"
 msgid "Show more"
 msgstr "Show more"
 
+msgid "Skip to main content"
+msgstr "Skip to main content"
+
 msgid "Something went wrong"
 msgstr "Something went wrong"
 
diff --git a/application/main/WebApp/shared/translations/locale/da-DK.po b/application/main/WebApp/shared/translations/locale/da-DK.po
@@ -1482,6 +1482,9 @@ msgstr "Enkelt-udfoldning vs multi-udfoldning"
 msgid "Skeleton"
 msgstr "Skelet"
 
+msgid "Skip to main content"
+msgstr "Spring til hovedindhold"
+
 msgid "Slider (range)"
 msgstr ""
 
diff --git a/application/main/WebApp/shared/translations/locale/en-US.po b/application/main/WebApp/shared/translations/locale/en-US.po
@@ -1482,6 +1482,9 @@ msgstr "Single-expand vs multi-expand"
 msgid "Skeleton"
 msgstr "Skeleton"
 
+msgid "Skip to main content"
+msgstr "Skip to main content"
+
 msgid "Slider (range)"
 msgstr "Slider (range)"
 
diff --git a/application/shared-webapp/ui/components/Sidebar.tsx b/application/shared-webapp/ui/components/Sidebar.tsx
@@ -240,6 +240,12 @@ function SidebarProvider({
               )}
               {...props}
             >
+              {/* Keyboard users can jump past the sidebar to #main-content (set by AppLayout). */}
+              <Button
+                render={<a href="#main-content">{t`Skip to main content`}</a>}
+                className="absolute top-4 left-4 z-[100] -translate-y-[200%] focus-visible:translate-y-0"
+              />
+
               {children}
             </div>
           </TooltipProvider>
