From 4cc93788ee01e9f7f3016f63c2ad28949f62137e Mon Sep 17 00:00:00 2001
From: HEIGE-PCloud <heige.pcloud@outlook.com>
Date: Thu, 28 Mar 2024 21:09:36 +0000
Subject: [PATCH] fix: accessbility

---
 layouts/partials/header.html | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index 7e0688de2..f69f37f09 100644
--- 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,9 +82,9 @@
                 </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>
@@ -92,7 +92,7 @@
                     </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,9 +169,9 @@
             </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>
@@ -179,7 +179,7 @@
                 </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 -}}