Merge pull request #2456 from ZhenShuo2021/fix/a11y

🐛 Fix(a11y): multiple a11y issues

layouts/partials/header/basic.html

@@ -185,7 +185,7 @@
         <h3
           id="{{ $prefix }}a11y-panel-title"
           class="text-lg font-semibold text-neutral-900 dark:text-neutral-100">
-          Accessibility settings
+          {{ i18n "a11y.title" }}
         </h3>
         <button
           id="{{ $prefix }}a11y-close"
@@ -198,14 +198,17 @@
       </div>
 
       <div class="space-y-5">
-        {{- $toggles := slice
-          (dict "id" (print $prefix "disable-blur") "label" (i18n "a11y.disable_blur"))
+        {{ $toggles := slice }}
+        {{ $shouldDisableBlur := or site.Params.homepage.layoutBackgroundBlur site.Params.article.layoutBackgroundBlur site.Params.list.layoutBackgroundBlur }}
+        {{ if $shouldDisableBlur }}
+          {{ $toggles = $toggles | append (dict "id" (print $prefix "disable-blur") "label" (i18n "a11y.disable_blur")) }}
+        {{ end }}
+        {{- $toggles = $toggles | append
           (dict "id" (print $prefix "disable-images") "label" (i18n "a11y.disable_images"))
           (dict "id" (print $prefix "underline-links") "label" (i18n "a11y.show_link_underline"))
           (dict "id" (print $prefix "zen-mode") "label" (i18n "article.zen_mode_title.enable"))
         -}}
 
-
         {{- range $toggles }}
           <div class="flex items-center justify-between">
             <label for="{{ .id }}" class="text-sm font-medium text-neutral-700 dark:text-neutral-300">