From b2554ba504523d1659311f40d738b5f2a36a528c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bj=C3=B6rn=20Fromme?= <fromme@dreipunktnull.com>
Date: Mon, 23 Jun 2025 10:17:42 +0200
Subject: [PATCH] feat: skip to content button for improved a11y

---
 .../Resources/Private/Layouts/Page/Detail.html   |  2 +-
 .../Private/Layouts/Page/Frontpage.html          |  2 +-
 .../Private/Layouts/Page/FrontpageEvent.html     |  2 +-
 .../Resources/Private/Layouts/Page/Search.html   | 16 +++++++++++-----
 .../Resources/Private/Layouts/Page/Subpage.html  |  2 +-
 .../Private/Layouts/Page/SubpageSidebarLeft.html |  2 +-
 .../Layouts/Page/SubpageSidebarLeftEvent.html    |  2 +-
 .../Layouts/Page/SubpageSidebarRight.html        |  2 +-
 .../Layouts/Page/SubpageSidebarRightEvent.html   |  2 +-
 .../Private/Layouts/Page/Travelinfo.html         |  2 +-
 .../Resources/Private/Partials/Topnav.html       |  6 +++++-
 11 files changed, 25 insertions(+), 15 deletions(-)

diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Layouts/Page/Detail.html b/public/typo3conf/ext/ep_theme/Resources/Private/Layouts/Page/Detail.html
index 4740ca8a..6818ea7d 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Layouts/Page/Detail.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Layouts/Page/Detail.html
@@ -7,7 +7,7 @@
         <f:render partial="Topnav" arguments="{_all}"/>
         <f:render partial="Mainnav" section="Main" arguments="{_all}"/>
     </f:alias>
-    <main>
+    <main id="main-content">
         <f:render section="Content"/>
         <f:render section="Teasers"/>
     </main>
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Layouts/Page/Frontpage.html b/public/typo3conf/ext/ep_theme/Resources/Private/Layouts/Page/Frontpage.html
index 00c71adb..093cef2b 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Layouts/Page/Frontpage.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Layouts/Page/Frontpage.html
@@ -7,7 +7,7 @@
     <header>
         <f:render partial="HeaderSlider" arguments="{_all}"/>
     </header>
-    <main>
+    <main id="main-content">
         <f:if condition="{data.tx_eptheme_hide_searchbar} || {settings.hideSearchbar}">
             <f:else>
                 <f:cObject typoscriptObjectPath="lib.searchBar"/>
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Layouts/Page/FrontpageEvent.html b/public/typo3conf/ext/ep_theme/Resources/Private/Layouts/Page/FrontpageEvent.html
index 4fec6d4b..b95d4550 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Layouts/Page/FrontpageEvent.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Layouts/Page/FrontpageEvent.html
@@ -7,7 +7,7 @@
         <f:render partial="EventHero" arguments="{_all}"/>
         <f:render partial="EventDisturber" arguments="{headline: settings.eventDisturberHeadline, listItems: settings.eventDisturberListitems, buttonLabel: settings.eventDisturberButtonLabel, buttonLink: settings.eventDisturberButtonLink}"/>
     </header>
-    <main>
+    <main id="main-content">
         <f:render section="Content"/>
     </main>
     <footer>
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Layouts/Page/Search.html b/public/typo3conf/ext/ep_theme/Resources/Private/Layouts/Page/Search.html
index c7511022..2a564bd3 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Layouts/Page/Search.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Layouts/Page/Search.html
@@ -2,11 +2,17 @@
       xmlns="http://www.w3.org/1999/xhtml"
       xmlns:f="http://typo3.org/ns/fluid/ViewHelpers">
 
-    <f:render partial="Mainnav" section="Main" arguments="{_all}"/>
-    <f:render section="Content"/>
-    <f:render partial="Footer" arguments="{_all}"/>
-    <f:render partial="ContactBar" arguments="{_all}"/>
     <f:render partial="Topnav" arguments="{_all}"/>
-    <f:render partial="Mobilenav" section="Main" arguments="{_all}"/>
+    <f:render partial="Mainnav" section="Main" arguments="{_all}"/>
+    <main id="main-content">
+        <f:render section="Content"/>
+    </main>
+    <footer>
+      <f:render partial="Footer" arguments="{_all}"/>
+    </footer>
+    <aside>
+        <f:render partial="ContactBar" arguments="{_all}"/>
+        <f:render partial="Mobilenav" section="Main" arguments="{_all}"/>
+    </aside>
     <f:render partial="Config" arguments="{_all}" />
 </html>
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Layouts/Page/Subpage.html b/public/typo3conf/ext/ep_theme/Resources/Private/Layouts/Page/Subpage.html
index 21358bcc..215d855a 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Layouts/Page/Subpage.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Layouts/Page/Subpage.html
@@ -11,7 +11,7 @@
             </f:else>
         </f:if>
     </header>
-    <main>
+    <main id="main-content">
         <f:cObject typoscriptObjectPath="lib.breadcrumb"/>
         <f:render section="Content"/>
         <f:render section="Teasers"/>
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Layouts/Page/SubpageSidebarLeft.html b/public/typo3conf/ext/ep_theme/Resources/Private/Layouts/Page/SubpageSidebarLeft.html
index 289af2e3..8e2ca537 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Layouts/Page/SubpageSidebarLeft.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Layouts/Page/SubpageSidebarLeft.html
@@ -11,7 +11,7 @@
             </f:else>
         </f:if>
     </header>
-    <main>
+    <main id="main-content">
         <f:cObject typoscriptObjectPath="lib.breadcrumb"/>
         <f:render section="Header" optional="true"/>
         <div class="container grid grid-cols-3 gap-8">
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Layouts/Page/SubpageSidebarLeftEvent.html b/public/typo3conf/ext/ep_theme/Resources/Private/Layouts/Page/SubpageSidebarLeftEvent.html
index d40e21d9..1574c077 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Layouts/Page/SubpageSidebarLeftEvent.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Layouts/Page/SubpageSidebarLeftEvent.html
@@ -6,7 +6,7 @@
     <header>
         <f:render partial="HeaderSliderSmall" arguments="{_all}"/>
     </header>
-    <main>
+    <main id="main-content">
         <f:cObject typoscriptObjectPath="lib.breadcrumb"/>
         <f:render section="Header" optional="true"/>
         <div class="container grid grid-cols-3 gap-8">
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Layouts/Page/SubpageSidebarRight.html b/public/typo3conf/ext/ep_theme/Resources/Private/Layouts/Page/SubpageSidebarRight.html
index 107dbcd1..9336a407 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Layouts/Page/SubpageSidebarRight.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Layouts/Page/SubpageSidebarRight.html
@@ -11,7 +11,7 @@
             </f:else>
         </f:if>
     </header>
-    <main>
+    <main id="main-content">
         <f:cObject typoscriptObjectPath="lib.breadcrumb"/>
         <f:render section="Header" optional="true"/>
         <div class="container grid grid-cols-3 gap-8">
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Layouts/Page/SubpageSidebarRightEvent.html b/public/typo3conf/ext/ep_theme/Resources/Private/Layouts/Page/SubpageSidebarRightEvent.html
index 1a9c3fdb..f3492f23 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Layouts/Page/SubpageSidebarRightEvent.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Layouts/Page/SubpageSidebarRightEvent.html
@@ -7,7 +7,7 @@
         <f:render partial="HeaderSliderSmall" arguments="{_all}"/>
         <f:cObject typoscriptObjectPath="lib.breadcrumb"/>
     </header>
-    <main>
+    <main id="main-content">
         <f:render section="Header" optional="true"/>
         <div class="container grid grid-cols-3 gap-8">
             <div class="col-span-3 lg:col-span-2">
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Layouts/Page/Travelinfo.html b/public/typo3conf/ext/ep_theme/Resources/Private/Layouts/Page/Travelinfo.html
index ead5519d..b89f0a47 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Layouts/Page/Travelinfo.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Layouts/Page/Travelinfo.html
@@ -18,7 +18,7 @@
             <div class="text-lg lg:text-xl font-medium leading-none">My E&P</div>
         </f:link.typolink>
     </header>
-    <main>
+    <main id="main-content">
         <f:render section="Content"/>
     </main>
     <footer>
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Topnav.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Topnav.html
index 424b36af..456a4272 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Topnav.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Topnav.html
@@ -3,6 +3,10 @@
       xmlns:ep="http://typo3.org/ns/EP/EpTheme/ViewHelpers"
       xmlns:f="http://typo3.org/ns/fluid/ViewHelpers">
 
+    <a href="#main-content" class="fixed left-0 top-0 bg-ep-primary-dark text-white py-1 px-4 z-50 transform focus:translate-y-12 transition">
+        zum Inhalt springen
+    </a>
+
     <f:if condition="{settings.hideAreaNavigation}">
         <f:else>
             <div class="topnav">
@@ -33,7 +37,7 @@
                             </div>
                         </f:if>
                         <f:if condition="{settings.myEpPageUid}">
-                            <f:link.typolink parameter="{settings.myEpPageUid}" class="topnav__item" title="My E&P">
+                            <f:link.typolink parameter="{settings.myEpPageUid}" class="topnav__item" title="My E&amp;P">
                                 {ep:icon(icon: 'user', class: 'w-5 h-5')}
                             </f:link.typolink>
                         </f:if>