From 7e87d153723aa938ce2fe60b938ba40e3f292180 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bj=C3=B6rn=20Fromme?= <fromme@dreipunktnull.com>
Date: Sun, 22 Jun 2025 16:28:29 +0200
Subject: [PATCH] feat: various a11y improvements

---
 .../ext/ep_theme/Configuration/Yaml/BaseSetup.yaml         | 2 ++
 .../ext/ep_theme/Configuration/Yaml/FormsBase.yaml         | 2 ++
 .../Resources/Private/Assets/scss/components/_buttons.scss | 4 ++--
 .../ep_theme/Resources/Private/Partials/Form/Captcha.html  | 7 ++++++-
 .../ep_theme/Resources/Private/Partials/HeaderSlider.html  | 4 ++--
 5 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/public/typo3conf/ext/ep_theme/Configuration/Yaml/BaseSetup.yaml b/public/typo3conf/ext/ep_theme/Configuration/Yaml/BaseSetup.yaml
index 22f5cf2c..e566b69a 100644
--- a/public/typo3conf/ext/ep_theme/Configuration/Yaml/BaseSetup.yaml
+++ b/public/typo3conf/ext/ep_theme/Configuration/Yaml/BaseSetup.yaml
@@ -17,6 +17,8 @@ TYPO3:
                   1623227657: 'EXT:ep_theme/Resources/Private/Partials/Form/'
                 layoutRootPaths:
                   1505042810: 'EXT:ep_theme/Resources/Private/Layouts/Form/'
+                honeypot:
+                  enable: false                  
 
           finishersDefinition:
             BpnApiFinisher:
diff --git a/public/typo3conf/ext/ep_theme/Configuration/Yaml/FormsBase.yaml b/public/typo3conf/ext/ep_theme/Configuration/Yaml/FormsBase.yaml
index 633b1e4b..f7d0c3fe 100644
--- a/public/typo3conf/ext/ep_theme/Configuration/Yaml/FormsBase.yaml
+++ b/public/typo3conf/ext/ep_theme/Configuration/Yaml/FormsBase.yaml
@@ -32,6 +32,8 @@ TYPO3:
                   1623227657: 'EXT:ep_theme/Resources/Private/Partials/Form/'
                 layoutRootPaths:
                   1505042810: 'EXT:ep_theme/Resources/Private/Layouts/Form/'
+                honeypot:
+                  enable: false                  
         contactform:
           __inheritances:
             10: 'TYPO3.CMS.Form.prototypes.standard'
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/components/_buttons.scss b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/components/_buttons.scss
index e7e20744..1dc210bf 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/components/_buttons.scss
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/components/_buttons.scss
@@ -29,7 +29,7 @@
 
     &--active,
     &--secondary {
-        @apply bg-ep-secondary;
+        @apply bg-ep-secondary text-gray-900;
         @apply sbw:bg-sbw-primary;
         @apply snz:bg-snz-primary;
         @apply suz:bg-suz-primary;
@@ -50,7 +50,7 @@
     &--light {
         @apply bg-white border-2;
         @apply font-bold;
-        @apply border-ep-primary-light text-ep-primary;
+        @apply border-ep-primary-dark text-ep-primary-dark;
         @apply sbw:bg-white sbw:border-sbw-primary sbw:text-sbw-primary;
         @apply snz:bg-white snz:border-snz-primary snz:text-snz-primary;
         @apply suz:bg-white suz:border-suz-primary suz:text-suz-primary;
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Form/Captcha.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Form/Captcha.html
index 89cacc79..7984a2ce 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Form/Captcha.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Form/Captcha.html
@@ -14,7 +14,12 @@
                               additionalAttributes="{formvh:translateElementProperty(element: element, property: 'fluidAdditionalAttributes')}"/>
 			<img src="{f:uri.page(pageType:3413)}" alt="Captcha image" loading="lazy" onload="this.parentElement.classList.remove('captcha--reloading'); return false;"/>
 			<f:if condition="{element.properties.showRefresh}">
-				<button type="button" class="captcha__reload" data-url="{f:uri.page(pageType:3413)}" onclick="const div = this.parentElement; div.classList.add('captcha--reloading', 'captcha--spin'); let captchaUrl = this.dataset.url; this.previousElementSibling.setAttribute('src', captchaUrl + (/\?/.test(captchaUrl) ? '&' : '?') + 'now=' + Date.now()); setTimeout(function(){div.classList.remove('captcha--spin')},400); return false;">
+				<button type="button" 
+					class="captcha__reload"
+					aria-label="Captcha neu laden"
+					data-url="{f:uri.page(pageType:3413)}" 
+					onclick="const div = this.parentElement; div.classList.add('captcha--reloading', 'captcha--spin'); let captchaUrl = this.dataset.url; this.previousElementSibling.setAttribute('src', captchaUrl + (/\?/.test(captchaUrl) ? '&' : '?') + 'now=' + Date.now()); setTimeout(function(){div.classList.remove('captcha--spin')},400); return false;">
+					<span class="sr-only">Captcha neu laden</span>
 					<svg width="31" height="28" xmlns="http://www.w3.org/2000/svg">
 						<g fill="#000" fill-rule="evenodd">
 							<path d="M10 10.7 6.3 8.5a11 11 0 0 1 20 3l2.5-.8h.4v-.3A14 14 0 0 0 3.6 7L.3 5l1.8 8.3 8-2.6ZM31 23l-1.7-8-8 2.5 3.7 2.1a10.9 10.9 0 0 1-19.8-2.3l-2 .6-1 .3a13.9 13.9 0 0 0 17 9.3 14 14 0 0 0 8.4-6.4l3.4 2Z"/>
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/HeaderSlider.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/HeaderSlider.html
index 7ff48d72..903f4039 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/HeaderSlider.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/HeaderSlider.html
@@ -62,8 +62,8 @@
                                                          xmlns="http://www.w3.org/2000/svg"
                                                          preserveAspectRatio="xMinYMin meet"
                                                          class="w-full h-full">
-                                                        <circle fill="currentColor" class="text-ep-primary/50" cx="100" cy="100" r="100"/>
-                                                        <circle fill="currentColor" class="text-ep-primary" cx="100" cy="100" r="70"/>
+                                                        <circle fill="currentColor" class="text-ep-primary-dark/50" cx="100" cy="100" r="100"/>
+                                                        <circle fill="currentColor" class="text-ep-primary-dark" cx="100" cy="100" r="70"/>
                                                     </svg>
                                                     <div class="absolute top-0 left-0 inset-0 flex flex-col items-center justify-center p-8">
                                                         <span class="block text-center text-white uppercase font-bold leading-none text-xl">{badgeData.title -> f:format.raw()}</span>