EP/website-typo3
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Feat: Add aria-label attributes to buttons without text labels

Browse Source 
Trello #1095
This commit is contained in:
Björn Fromme
2023-08-03 12:16:33 +02:00
parent e354e2e055
commit cf4b0466b7
20 changed files with 38 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/typo3conf/ext/ep_theme/Resources/Private/Partials/City/Details.html
+2
View File
@@ -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">
public/typo3conf/ext/ep_theme/Resources/Private/Partials/Faq.html
+1
View File
@@ -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\'}')}
public/typo3conf/ext/ep_theme/Resources/Private/Partials/Footer.html
+1
View File
@@ -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">
public/typo3conf/ext/ep_theme/Resources/Private/Partials/Hotel/Details.html
+2
View File
@@ -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')}
public/typo3conf/ext/ep_theme/Resources/Private/Partials/Mainnav.html
+4 -1
View File
@@ -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')}
public/typo3conf/ext/ep_theme/Resources/Private/Partials/Mobilenav.html
+4
View File
@@ -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>
public/typo3conf/ext/ep_theme/Resources/Private/Partials/Pricetable.html
+1
View File
@@ -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>
public/typo3conf/ext/ep_theme/Resources/Private/Partials/Region/Details.html
+2
View File
@@ -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')}
public/typo3conf/ext/ep_theme/Resources/Private/Partials/Search/MobileSearch.html
+1
View File
@@ -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>
public/typo3conf/ext/ep_theme/Resources/Private/Partials/Search/Result.html
+2
View File
@@ -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')}
public/typo3conf/ext/ep_theme/Resources/Private/Templates/AjaxTable/Datestable.html
+1
View File
@@ -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>
public/typo3conf/ext/ep_theme/Resources/Private/Templates/AjaxTable/DaytripRooms.html
+1
View File
@@ -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>
public/typo3conf/ext/ep_theme/Resources/Private/Templates/City/Teasergroup.html
+2
View File
@@ -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">
public/typo3conf/ext/ep_theme/Resources/Private/Templates/Concept/Detail.html
+2
View File
@@ -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">
public/typo3conf/ext/ep_theme/Resources/Private/Templates/Concept/Teasergroup.html
+2
View File
@@ -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">
public/typo3conf/ext/ep_theme/Resources/Private/Templates/Container/Teasergroup.html
+2
View File
@@ -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">
public/typo3conf/ext/ep_theme/Resources/Private/Templates/Country/Detail.html
+2
View File
@@ -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">
public/typo3conf/ext/ep_theme/Resources/Private/Templates/Hotel/Teasergroup.html
+2
View File
@@ -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">
public/typo3conf/ext/ep_theme/Resources/Private/Templates/Product/Teasergroup.html
+2
View File
@@ -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">
public/typo3conf/ext/ep_theme/Resources/Private/Templates/Region/Teasergroup.html
+2
View File
@@ -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">