feat: skip to content button for improved a11y

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>

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"/>

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>

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>

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"/>

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">

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">

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">

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">

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>

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>