Accessibility: Add aria-label on buttons

This commit is contained in:
Guillaume Assier 2023-03-05 11:21:24 +00:00
parent 8d87128938
commit ff26b2f0e4
7 changed files with 14 additions and 14 deletions

View file

@ -64,7 +64,7 @@
{{ partial "translations.html" . }}
{{ if .Site.Params.enableSearch | default false }}
<button id="search-button-mobile" class="text-base hover:text-primary-600 dark:hover:text-primary-400"
<button id="search-button-mobile" aria-label="Search" class="text-base hover:text-primary-600 dark:hover:text-primary-400"
title="{{ i18n " search.open_button_title" }}">
{{ partial "icon.html" "search" }}
</button>
@ -72,7 +72,7 @@
{{/* Appearance switch */}}
{{ if .Site.Params.footer.showAppearanceSwitcher | default false }}
<button id="appearance-switcher-mobile" type="button" style="margin-right:5px">
<button id="appearance-switcher-mobile" aria-label="Dark mode switcher" type="button" style="margin-right:5px">
<div class="flex items-center justify-center h-12 dark:hidden">
{{ partial "icon.html" "moon" }}
</div>

View file

@ -180,7 +180,7 @@
<button id="search-button-mobile" class="text-base hover:text-primary-600 dark:hover:text-primary-400"
<button id="search-button-mobile" aria-label="Search" class="text-base hover:text-primary-600 dark:hover:text-primary-400"
title="">
@ -195,7 +195,7 @@
<button id="appearance-switcher-mobile" type="button" style="margin-right:5px">
<button id="appearance-switcher-mobile" aria-label="Dark mode switcher" type="button" style="margin-right:5px">
<div class="flex items-center justify-center h-12 dark:hidden">

View file

@ -182,7 +182,7 @@
<button id="search-button-mobile" class="text-base hover:text-primary-600 dark:hover:text-primary-400"
<button id="search-button-mobile" aria-label="Search" class="text-base hover:text-primary-600 dark:hover:text-primary-400"
title="">
@ -197,7 +197,7 @@
<button id="appearance-switcher-mobile" type="button" style="margin-right:5px">
<button id="appearance-switcher-mobile" aria-label="Dark mode switcher" type="button" style="margin-right:5px">
<div class="flex items-center justify-center h-12 dark:hidden">

View file

@ -182,7 +182,7 @@
<button id="search-button-mobile" class="text-base hover:text-primary-600 dark:hover:text-primary-400"
<button id="search-button-mobile" aria-label="Search" class="text-base hover:text-primary-600 dark:hover:text-primary-400"
title="">
@ -197,7 +197,7 @@
<button id="appearance-switcher-mobile" type="button" style="margin-right:5px">
<button id="appearance-switcher-mobile" aria-label="Dark mode switcher" type="button" style="margin-right:5px">
<div class="flex items-center justify-center h-12 dark:hidden">

View file

@ -201,7 +201,7 @@
<button id="search-button-mobile" class="text-base hover:text-primary-600 dark:hover:text-primary-400"
<button id="search-button-mobile" aria-label="Search" class="text-base hover:text-primary-600 dark:hover:text-primary-400"
title="">
@ -216,7 +216,7 @@
<button id="appearance-switcher-mobile" type="button" style="margin-right:5px">
<button id="appearance-switcher-mobile" aria-label="Dark mode switcher" type="button" style="margin-right:5px">
<div class="flex items-center justify-center h-12 dark:hidden">

View file

@ -182,7 +182,7 @@
<button id="search-button-mobile" class="text-base hover:text-primary-600 dark:hover:text-primary-400"
<button id="search-button-mobile" aria-label="Search" class="text-base hover:text-primary-600 dark:hover:text-primary-400"
title="">
@ -197,7 +197,7 @@
<button id="appearance-switcher-mobile" type="button" style="margin-right:5px">
<button id="appearance-switcher-mobile" aria-label="Dark mode switcher" type="button" style="margin-right:5px">
<div class="flex items-center justify-center h-12 dark:hidden">

View file

@ -182,7 +182,7 @@
<button id="search-button-mobile" class="text-base hover:text-primary-600 dark:hover:text-primary-400"
<button id="search-button-mobile" aria-label="Search" class="text-base hover:text-primary-600 dark:hover:text-primary-400"
title="">
@ -197,7 +197,7 @@
<button id="appearance-switcher-mobile" type="button" style="margin-right:5px">
<button id="appearance-switcher-mobile" aria-label="Dark mode switcher" type="button" style="margin-right:5px">
<div class="flex items-center justify-center h-12 dark:hidden">