feat: various a11y improvements
This commit is contained in:
@@ -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:
|
||||
|
||||
@@ -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'
|
||||
|
||||
+2
-2
@@ -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;
|
||||
|
||||
@@ -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"/>
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user