feat: implement skip links on results pages

virtualidentityag · Sep 20, 2024 · e751705 · e751705
1 parent 786c7c0
commit e751705
Show file tree

Hide file tree

Showing 7 changed files with 48 additions and 4 deletions.
diff --git a/src/pages/overview-empty.twig b/src/pages/overview-empty.twig
@@ -1,7 +1,13 @@
 {% extends 'layouts::base.twig' %}
 {% set theme = 'default' %}
+{%
+  set skip_links = [
+  { href: '#content', text: 'Zum Inhalt' },
+  ]
+%}
 
 {% block content %}
+  <div id='content'></div>
   {%
     include 'partials::base/b_breadcrumbs.twig' with {
     links: [

diff --git a/src/pages/overview.twig b/src/pages/overview.twig
@@ -1,7 +1,13 @@
 {% extends 'layouts::base.twig' %}
 {% set theme = 'default' %}
+{%
+  set skip_links = [
+  { href: '#content', text: 'Zum Inhalt' },
+  ]
+%}
 
 {% block content %}
+  <div id='content'></div>
   {%
     include 'partials::base/b_breadcrumbs.twig' with {
     links: [

diff --git a/src/pages/publisher-datasets-empty.twig b/src/pages/publisher-datasets-empty.twig
@@ -1,7 +1,13 @@
 {% extends 'layouts::base.twig' %}
 {% set theme = 'default' %}
+{%
+  set skip_links = [
+  { href: '#content', text: 'Zum Inhalt' },
+  ]
+%}
 
 {% block content %}
+  <div id='content'></div>
   {%
     include 'partials::base/b_breadcrumbs.twig' with {
     links: [

diff --git a/src/pages/publisher-datasets.twig b/src/pages/publisher-datasets.twig
@@ -1,7 +1,13 @@
 {% extends 'layouts::base.twig' %}
 {% set theme = 'default' %}
+{%
+  set skip_links = [
+  { href: '#content', text: 'Zum Inhalt' },
+  ]
+%}
 
 {% block content %}
+  <div id='content'></div>
   {%
     include 'partials::base/b_breadcrumbs.twig' with {
     links: [

diff --git a/src/pages/publisher-overview.twig b/src/pages/publisher-overview.twig
@@ -1,7 +1,13 @@
 {% extends 'layouts::base.twig' %}
 {% set theme = 'default' %}
+{%
+  set skip_links = [
+  { href: '#content', text: 'Zum Inhalt' },
+  ]
+%}
 
 {% block content %}
+  <div id='content'></div>
   {%
     include 'partials::base/b_breadcrumbs.twig' with {
     links: [

diff --git a/src/partials/content-layout/cl_results-empty-state.twig b/src/partials/content-layout/cl_results-empty-state.twig
@@ -1,5 +1,12 @@
 <div class='row pt-3 pt-md-4'>
-  <div class='col-0 col-lg-3'>
+  <div class='position-relative col-0 col-lg-3'>
+    {%
+      include 'partials::content-layout/cl_skip-links.twig' with {
+      links: [
+      { href: "#results", text: "Filter überspringen"}
+      ]
+      }
+    %}
     {%
       include 'partials::content-layout/cl_filters.twig' with {
       showDesktop: true,
@@ -107,7 +114,7 @@
       </button>
     </div>
     <div class='visually-hidden' role='region' aria-live='polite'>0 Ergebnisse</div>
-    <div class='mt-3'>
+    <div id='results' class='mt-3'>
       <div class='ratio ratio-21x9 rounded border'>
         <div class='d-flex flex-column justify-content-center align-items-center p-2'>
           <i class='bi bi-search display-2 text-gray mb-2'></i>

diff --git a/src/partials/content-layout/cl_results.twig b/src/partials/content-layout/cl_results.twig
@@ -1,5 +1,12 @@
 <div class='row pt-3 pt-md-4'>
-  <div class='col-0 col-lg-3'>
+  <div class='position-relative col-0 col-lg-3'>
+    {%
+      include 'partials::content-layout/cl_skip-links.twig' with {
+      links: [
+      { href: "#results", text: "Filter überspringen"}
+      ]
+      }
+    %}
     {%
       include 'partials::content-layout/cl_filters.twig' with {
       showDesktop: true,
@@ -107,7 +114,7 @@
       </button>
     </div>
     <div class='visually-hidden' role='region' aria-live='polite'>5 Ergebnisse</div>
-    <div class='mt-3'>
+    <div id='results' class='mt-3'>
       <div class='pb-3'>
         {%
           include 'partials::content-layout/cl_result-card.twig' with {