From cf4b0466b734e56600dc925dd5346b59268b7bd0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bj=C3=B6rn=20Fromme?= <fromme@dreipunktnull.com>
Date: Thu, 3 Aug 2023 12:16:33 +0200
Subject: [PATCH] Feat: Add aria-label attributes to buttons without text
 labels

Trello #1095
---
 .../ep_theme/Resources/Private/Partials/City/Details.html    | 2 ++
 .../ext/ep_theme/Resources/Private/Partials/Faq.html         | 1 +
 .../ext/ep_theme/Resources/Private/Partials/Footer.html      | 1 +
 .../ep_theme/Resources/Private/Partials/Hotel/Details.html   | 2 ++
 .../ext/ep_theme/Resources/Private/Partials/Mainnav.html     | 5 ++++-
 .../ext/ep_theme/Resources/Private/Partials/Mobilenav.html   | 4 ++++
 .../ext/ep_theme/Resources/Private/Partials/Pricetable.html  | 1 +
 .../ep_theme/Resources/Private/Partials/Region/Details.html  | 2 ++
 .../Resources/Private/Partials/Search/MobileSearch.html      | 1 +
 .../ep_theme/Resources/Private/Partials/Search/Result.html   | 2 ++
 .../Resources/Private/Templates/AjaxTable/Datestable.html    | 1 +
 .../Resources/Private/Templates/AjaxTable/DaytripRooms.html  | 1 +
 .../Resources/Private/Templates/City/Teasergroup.html        | 2 ++
 .../ep_theme/Resources/Private/Templates/Concept/Detail.html | 2 ++
 .../Resources/Private/Templates/Concept/Teasergroup.html     | 2 ++
 .../Resources/Private/Templates/Container/Teasergroup.html   | 2 ++
 .../ep_theme/Resources/Private/Templates/Country/Detail.html | 2 ++
 .../Resources/Private/Templates/Hotel/Teasergroup.html       | 2 ++
 .../Resources/Private/Templates/Product/Teasergroup.html     | 2 ++
 .../Resources/Private/Templates/Region/Teasergroup.html      | 2 ++
 20 files changed, 38 insertions(+), 1 deletion(-)

diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/City/Details.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/City/Details.html
index f8b4515d..58dd48ea 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/City/Details.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/City/Details.html
@@ -26,6 +26,7 @@
                 <div class="flex items-center space-x-1 mb-2 sm:hidden">
                     <button type="button"
                             class="opacity-50"
+                            aria-label="kompakte Ansicht"
                             data-action="teasergrid#grid"
                             data-teasergrid-target="button">
                         <svg class="w-5 h-5 text-ep-primary">
@@ -33,6 +34,7 @@
                         </svg>
                     </button>
                     <button type="button"
+                            aria-label="vergrößerte Ansicht"
                             data-action="teasergrid#block"
                             data-teasergrid-target="button">
                         <svg class="w-5 h-5 text-ep-primary">
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Faq.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Faq.html
index 118ee95a..38528861 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Faq.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Faq.html
@@ -27,6 +27,7 @@
                              data-collapse-collapsed-value="{f:if(condition: iteration.isFirst, then: 'false', else: 'true')}"
                              data-faq-target="entry">
                             <button type="button"
+                                    aria-label="Antwort anzeigen/ausblenden"
                                     class="uppercase text-lg text-white flex items-center space-x-4"
                                     data-action="collapse#toggle">
                                 {ep:icon(icon: 'chevron-right', class: 'w-4 h-4 text-white transition-transform duration-200 ease-in-out', data: '{collapse-target: \'icon\'}')}
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Footer.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Footer.html
index 40d5665d..5af5b4c2 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Footer.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Footer.html
@@ -162,6 +162,7 @@
     </div>
 
     <button type="button"
+            aria-label="zum Seitenanfang scrollen"
             data-controller="scroll-top"
             data-action="scroll-top#scroll"
             class="hidden fixed bottom-0 right-0 mb-16 md:mb-8 mr-4 md:mr-8 z-10 h-10 w-10 flex items-center justify-center rounded bg-ep-secondary/80 ser:bg-ser-secondary">
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Hotel/Details.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Hotel/Details.html
index 3022eee9..b55405c0 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Hotel/Details.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Hotel/Details.html
@@ -32,11 +32,13 @@
                     <div class="flex items-center space-x-1 mb-2 sm:hidden">
                         <button type="button"
                                 class="opacity-50"
+                                aria-label="kompakte Ansicht"
                                 data-action="teasergrid#grid"
                                 data-teasergrid-target="button">
                             {ep:icon(icon: 'teaser-grid', class: 'w-5 h-5 text-ep-primary')}
                         </button>
                         <button type="button"
+                                aria-label="vergrößerte Ansicht"
                                 data-action="teasergrid#block"
                                 data-teasergrid-target="button">
                             {ep:icon(icon: 'teaser-single', class: 'w-5 h-5 text-ep-primary')}
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Mainnav.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Mainnav.html
index ddc061e1..d86d1d41 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Mainnav.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Mainnav.html
@@ -21,6 +21,7 @@
                         <f:else>
                             <button type="button"
                                     class="focus:outline-none text-zinc-800"
+                                    aria-label="Reisen suchen"
                                     data-controller="overlay-toggle"
                                     data-overlay-toggle-id-value="mobile-search"
                                     data-action="overlay-toggle#invokeToggle">
@@ -30,6 +31,7 @@
                     </f:if>
                     <button type="button"
                             class="focus:outline-none text-zinc-800"
+                            aria-label="Navigation öffnen"
                             data-controller="overlay-toggle"
                             data-overlay-toggle-id-value="mobilenav"
                             data-action="overlay-toggle#invokeToggle">
@@ -48,7 +50,7 @@
                         <f:if condition="{topitem.children}">
                             <f:then>
                                 <a href="{f:uri.typolink(parameter: topitem.data.uid)}"
-                                   class="block text-zinc-800 uppercase lg:text-lg font-bold flex items-center"
+                                   class="text-zinc-800 uppercase lg:text-lg font-bold flex items-center"
                                    title="{topitem.title}">
                                     <span>{topitem.title}</span>
                                     {ep:icon(icon: 'chevron-down', class: 'ml-1 w-4 h-4 group-hover:rotate-180')}
@@ -71,6 +73,7 @@
                             <f:if condition="{searchbarCollapsed}">
                                 <f:then>
                                     <button type="button"
+                                            aria-label="Suche anzeigen/ausblenden"
                                             data-controller="searchbar-toggle"
                                             data-action="searchbar-toggle#toggle">
                                         {ep:icon(icon: 'search', class: 'w-6 h-6')}
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Mobilenav.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Mobilenav.html
index 49c536b2..c4ac0a57 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Mobilenav.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Mobilenav.html
@@ -21,6 +21,7 @@
                         <f:else>
                             <button type="button"
                                     class="focus:outline-none text-zinc-800"
+                                    aria-label="Reisen suchen"
                                     data-controller="overlay-toggle"
                                     data-overlay-toggle-id-value="search"
                                     data-action="overlay-toggle#invokeToggle">
@@ -30,6 +31,7 @@
                     </f:if>
                     <button type="button"
                             class="focus:outline-none"
+                            aria-label="Navigation schließen"
                             data-action="overlay-toggle#invokeToggle">
                         {ep:icon(icon: 'close', class: 'w-8 h-8')}
                     </button>
@@ -99,6 +101,7 @@
                                 </a>
                                 <button type="button"
                                         class="focus:outline-none bg-ep-primary-dark p-1"
+                                        aria-label="Unternavigation öffnen"
                                         data-action="collapse#toggle">
                                     {ep:icon(icon: 'chevron-right', class: 'w-6 h-6 text-white', data: '{collapse-target: \'icon\'}')}
                                 </button>
@@ -138,6 +141,7 @@
                                 </a>
                                 <button type="button"
                                         class="focus:outline-none bg-ep-primary p-1"
+                                        aria-label="Unternavigation öffnen"
                                         data-action="collapse#toggle">
                                     {ep:icon(icon: 'chevron-right', class: 'w-6 h-6 text-white', data: '{collapse-target: \'icon\'}')}
                                 </button>
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Pricetable.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Pricetable.html
index 09ce8061..8076c1ed 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Pricetable.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Pricetable.html
@@ -127,6 +127,7 @@
                 </span>
                 <button type="button"
                         class="inline-block"
+                        aria-label="schließen"
                         data-action="modal#close">
                     {ep:icon(icon: 'close', class: 'w-8 h-8')}
                 </button>
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Region/Details.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Region/Details.html
index 8f052518..82f8fb57 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Region/Details.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Region/Details.html
@@ -61,11 +61,13 @@
                         <div class="flex items-center space-x-1 mb-2 sm:hidden">
                             <button type="button"
                                     class="opacity-50"
+                                    aria-label="kompakte Ansicht"
                                     data-action="teasergrid#grid"
                                     data-teasergrid-target="button">
                                 {ep:icon(icon: 'teaser-grid', class: 'w-5 h-5 text-ep-primary')}
                             </button>
                             <button type="button"
+                                    aria-label="vergrößerte Ansicht"
                                     data-action="teasergrid#block"
                                     data-teasergrid-target="button">
                                 {ep:icon(icon: 'teaser-single', class: 'w-5 h-5 text-ep-primary')}
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Search/MobileSearch.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Search/MobileSearch.html
index 6425eef8..e6e05ccf 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Search/MobileSearch.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Search/MobileSearch.html
@@ -14,6 +14,7 @@
                 <f:image class="block h-10 lg:h-12 w-auto" src="{settings.logoImage}" alt="{settings.defaultTitle}"/>
             </a>
             <button type="button"
+                    aria-label="Suche schließen"
                     class="focus:outline-none" data-action="mobile-search#close">
                 {ep:icon(icon: 'close', class: 'w-8 h-8')}
             </button>
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Search/Result.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Search/Result.html
index 0d175984..665a93b2 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Search/Result.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Search/Result.html
@@ -52,11 +52,13 @@
                 <div class="flex items-center space-x-1 mb-2 sm:hidden">
                     <button type="button"
                             class="opacity-50"
+                            aria-label="kompakte Ansicht"
                             data-action="teasergrid#grid"
                             data-teasergrid-target="button">
                         {ep:icon(icon: 'teaser-grid', class: 'w-5 h-5 text-ep-primary')}
                     </button>
                     <button type="button"
+                            aria-label="vergrößerte Ansicht"
                             data-action="teasergrid#block"
                             data-teasergrid-target="button">
                         {ep:icon(icon: 'teaser-single', class: 'w-5 h-5 text-ep-primary')}
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/AjaxTable/Datestable.html b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/AjaxTable/Datestable.html
index af5806f0..3b303932 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/AjaxTable/Datestable.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/AjaxTable/Datestable.html
@@ -231,6 +231,7 @@
                     </span>
                     <button type="button"
                             class="inline-block"
+                            aria-label="schließen"
                             data-action="modal#close">
                         <svg class="w-8 h-8">
                             <use href="{f:uri.image(src: 'EXT:ep_theme/Resources/Public/images/icons_sprite.svg')}#icon-close"></use>
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/AjaxTable/DaytripRooms.html b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/AjaxTable/DaytripRooms.html
index 3b713b24..4a65ed60 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/AjaxTable/DaytripRooms.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/AjaxTable/DaytripRooms.html
@@ -88,6 +88,7 @@
                     </span>
                     <button type="button"
                             class="inline-block"
+                            aria-label="schließen"
                             data-action="modal#close">
                         <svg class="w-8 h-8">
                             <use href="{f:uri.image(src: 'EXT:ep_theme/Resources/Public/images/icons_sprite.svg')}#icon-close"></use>
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/City/Teasergroup.html b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/City/Teasergroup.html
index 99b4db47..4b75bdb5 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/City/Teasergroup.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/City/Teasergroup.html
@@ -16,6 +16,7 @@
                     <div class="flex items-center space-x-1 mb-2 sm:hidden">
                         <button type="button"
                                 class="opacity-50"
+                                aria-label="kompakte Ansicht"
                                 data-action="teasergrid#grid"
                                 data-teasergrid-target="button">
                             <svg class="w-12 h-12 text-ep-primary">
@@ -23,6 +24,7 @@
                             </svg>
                         </button>
                         <button type="button"
+                                aria-label="vergrößerte Ansicht"
                                 data-action="teasergrid#block"
                                 data-teasergrid-target="button">
                             <svg class="w-12 h-12 text-ep-primary">
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Concept/Detail.html b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Concept/Detail.html
index 92180a97..42ae075e 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Concept/Detail.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Concept/Detail.html
@@ -27,6 +27,7 @@
                                 <div class="flex items-center space-x-1 mb-2 sm:hidden">
                                     <button type="button"
                                             class="opacity-50"
+                                            aria-label="kompakte Ansicht"
                                             data-action="teasergrid#grid"
                                             data-teasergrid-target="button">
                                         <svg class="w-12 h-12 text-ep-primary">
@@ -34,6 +35,7 @@
                                         </svg>
                                     </button>
                                     <button type="button"
+                                            aria-label="vergrößerte Ansicht"
                                             data-action="teasergrid#block"
                                             data-teasergrid-target="button">
                                         <svg class="w-12 h-12 text-ep-primary">
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Concept/Teasergroup.html b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Concept/Teasergroup.html
index d9a85721..78e557bf 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Concept/Teasergroup.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Concept/Teasergroup.html
@@ -16,6 +16,7 @@
                     <div class="flex items-center space-x-1 mb-2 sm:hidden">
                         <button type="button"
                                 class="opacity-50"
+                                aria-label="kompakte Ansicht"
                                 data-action="teasergrid#grid"
                                 data-teasergrid-target="button">
                             <svg class="w-12 h-12 text-ep-primary">
@@ -23,6 +24,7 @@
                             </svg>
                         </button>
                         <button type="button"
+                                aria-label="vergrößerte Ansicht"
                                 data-action="teasergrid#block"
                                 data-teasergrid-target="button">
                             <svg class="w-12 h-12 text-ep-primary">
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Container/Teasergroup.html b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Container/Teasergroup.html
index dfa319a5..ab4148a1 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Container/Teasergroup.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Container/Teasergroup.html
@@ -32,6 +32,7 @@
             <div class="flex items-center space-x-1 mb-2 sm:hidden">
                 <button type="button"
                         class="opacity-50"
+                        aria-label="kompakte Ansicht"
                         data-action="teasergrid#grid"
                         data-teasergrid-target="button">
                     <svg class="w-12 h-12 text-ep-primary">
@@ -39,6 +40,7 @@
                     </svg>
                 </button>
                 <button type="button"
+                        aria-label="vergrößerte Ansicht"
                         data-action="teasergrid#block"
                         data-teasergrid-target="button">
                     <svg class="w-12 h-12 text-ep-primary">
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Country/Detail.html b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Country/Detail.html
index c000c47f..80d28c74 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Country/Detail.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Country/Detail.html
@@ -37,6 +37,7 @@
                             <div class="flex items-center space-x-1 mb-2 sm:hidden">
                                 <button type="button"
                                         class="opacity-50"
+                                        aria-label="kompakte Ansicht"
                                         data-action="teasergrid#grid"
                                         data-teasergrid-target="button">
                                     <svg class="w-12 h-12 text-ep-primary">
@@ -44,6 +45,7 @@
                                     </svg>
                                 </button>
                                 <button type="button"
+                                        aria-label="vergrößerte Ansicht"
                                         data-action="teasergrid#block"
                                         data-teasergrid-target="button">
                                     <svg class="w-12 h-12 text-ep-primary">
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Hotel/Teasergroup.html b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Hotel/Teasergroup.html
index 673419ce..86090cb7 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Hotel/Teasergroup.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Hotel/Teasergroup.html
@@ -15,6 +15,7 @@
                     <div class="flex items-center space-x-1 mb-2 sm:hidden">
                         <button type="button"
                                 class="opacity-50"
+                                aria-label="kompakte Ansicht"
                                 data-action="teasergrid#grid"
                                 data-teasergrid-target="button">
                             <svg class="w-12 h-12 text-ep-primary">
@@ -22,6 +23,7 @@
                             </svg>
                         </button>
                         <button type="button"
+                                aria-label="vergrößerte Ansicht"
                                 data-action="teasergrid#block"
                                 data-teasergrid-target="button">
                             <svg class="w-12 h-12 text-ep-primary">
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Product/Teasergroup.html b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Product/Teasergroup.html
index ca5e999b..c52fd6c8 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Product/Teasergroup.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Product/Teasergroup.html
@@ -17,6 +17,7 @@
                         <div class="flex items-center space-x-1 mb-2 sm:hidden">
                             <button type="button"
                                     class="opacity-50"
+                                    aria-label="kompakte Ansicht"
                                     data-action="teasergrid#grid"
                                     data-teasergrid-target="button">
                                 <svg class="w-12 h-12 text-ep-primary">
@@ -24,6 +25,7 @@
                                 </svg>
                             </button>
                             <button type="button"
+                                    aria-label="vergrößerte Ansicht"
                                     data-action="teasergrid#block"
                                     data-teasergrid-target="button">
                                 <svg class="w-12 h-12 text-ep-primary">
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Region/Teasergroup.html b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Region/Teasergroup.html
index 493059f2..b1a26cc7 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Region/Teasergroup.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Region/Teasergroup.html
@@ -16,6 +16,7 @@
                     <div class="flex items-center space-x-1 mb-2 sm:hidden">
                         <button type="button"
                                 class="opacity-50"
+                                aria-label="kompakte Ansicht"
                                 data-action="teasergrid#grid"
                                 data-teasergrid-target="button">
                             <svg class="w-12 h-12 text-ep-primary">
@@ -23,6 +24,7 @@
                             </svg>
                         </button>
                         <button type="button"
+                                aria-label="vergrößerte Ansicht"
                                 data-action="teasergrid#block"
                                 data-teasergrid-target="button">
                             <svg class="w-12 h-12 text-ep-primary">