fix: accessbility

HEIGE-PCloud · Mar 28, 2024 · 4cc9378 · 4cc9378
1 parent 5a82b8f
commit 4cc9378
Showing 1 changed file with 8 additions and 8 deletions.
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
@@ -42,10 +42,10 @@
                 <span class="menu-item delimiter"></span>
                 {{- end -}}
                 {{- if .Site.IsMultiLingual -}}
-                <button class="menu-item language" title="{{ T " selectLanguage" }}">
+                <button class="menu-item language" {{ printf "aria-label=%q" (T "selectLanguage") | safeHTMLAttr }}>
                     {{- .Language.LanguageName -}}
                     {{ partial "plugin/fontawesome.html" (dict "Style" "solid" "Icon" "chevron-right") }}
-                    <select class="language-select" title="{{ T " selectLanguage" }}" id="language-select-desktop"
+                    <select class="language-select" {{ printf "aria-label=%q" (T "selectLanguage") | safeHTMLAttr }} id="language-select-desktop"
                         onchange="location = this.value;">
                         {{- if eq .Kind "404" -}}
                         {{- /* https://github.com/dillonzq/LoveIt/issues/378 */ -}}
@@ -82,17 +82,17 @@
                 </span>
                 {{- end -}}
                 {{- if eq .Site.Params.header.themeChangeMode "select" -}}
-                <button class="menu-item theme-select" title="{{ T " switchTheme" }}">
+                <button class="menu-item theme-select" {{ printf "aria-label=%q" (T "switchTheme") | safeHTMLAttr }}>
                     {{ partial "plugin/fontawesome.html" (dict "Style" "solid" "Icon" "adjust") }}
-                    <select class="color-theme-select" id="theme-select-desktop" title="{{ T " switchTheme" }}">
+                    <select class="color-theme-select" id="theme-select-desktop" {{ printf "aria-label=%q" (T "switchTheme") | safeHTMLAttr }}>
                         <option value="light">{{ T "Light" }}</option>
                         <option value="dark">{{ T "Dark" }}</option>
                         <option value="black">{{ T "Black" }}</option>
                         <option value="auto">{{ T "Auto" }}</option>
                     </select>
                 </button>
                 {{- else -}}
-                <button class="menu-item theme-switch" title="{{ T " switchTheme" }}">
+                <button class="menu-item theme-switch" {{ printf "aria-label=%q" (T "switchTheme") | safeHTMLAttr }}>
                     {{ partial "plugin/fontawesome.html" (dict "Style" "solid" "Icon" "adjust") }}
                 </button>
                 {{- end -}}
@@ -169,17 +169,17 @@
             </a>
             {{- end -}}
             {{- if eq .Site.Params.header.themeChangeMode "select" -}}
-            <button class="menu-item theme-select" title="{{ T " switchTheme" }}">
+            <button class="menu-item theme-select" {{ printf "aria-label=%q" (T "switchTheme") | safeHTMLAttr }}>
                 {{ partial "plugin/fontawesome.html" (dict "Style" "solid" "Icon" "adjust") }}
-                <select class="color-theme-select" id="theme-select-mobile" title="{{ T " switchTheme" }}">
+                <select class="color-theme-select" id="theme-select-mobile" {{ printf "aria-label=%q" (T "switchTheme") | safeHTMLAttr }}>
                     <option value="light">{{ T "Light" }}</option>
                     <option value="dark">{{ T "Dark" }}</option>
                     <option value="black">{{ T "Black" }}</option>
                     <option value="auto">{{ T "Auto" }}</option>
                 </select>
             </button>
             {{- else -}}
-            <button class="menu-item theme-switch" title="{{ T " switchTheme" }}">
+            <button class="menu-item theme-switch" {{ printf "aria-label=%q" (T "switchTheme") | safeHTMLAttr }}>
                 {{ partial "plugin/fontawesome.html" (dict "Style" "solid" "Icon" "adjust") }}
             </button>
             {{- end -}}