From f37574be6f82c3f3935a0b17b0234452e34d71bb Mon Sep 17 00:00:00 2001
From: nanxiaobei <nanxiaobei@gmail.com>
Date: Sat, 25 Feb 2023 01:18:10 +0800
Subject: [PATCH] update a11y #153

---
 layouts/_default/list.html   |  3 ++-
 layouts/partials/header.html | 16 ++++++++++------
 2 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/layouts/_default/list.html b/layouts/_default/list.html
index 9faad22..99e2adc 100644
--- a/layouts/_default/list.html
+++ b/layouts/_default/list.html
@@ -28,6 +28,7 @@
     <img
       class="my-0 h-14 w-14 rounded-full !bg-black/5 hover:animate-spin dark:!bg-black/80"
       src="{{ $avatar_url }}"
+      alt="{{ or site.Params.name site.Title }}"
     />
   </div>
   {{ end }}<!---->
@@ -50,7 +51,7 @@
   <time class="text-sm opacity-60"
     >{{ .Date | time.Format ":date_medium" }}</time
   >
-  <a class="absolute inset-0" href="{{ .Permalink }}"></a>
+  <a class="absolute inset-0 text-[0]" href="{{ .Permalink }}">{{ .Title }}</a>
 </section>
 {{ end }}
 
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index 6e406cb..a7e6b9c 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -6,13 +6,15 @@
       >{{ site.Title }}</a
     >
     <a
-      class="btn-dark ml-6 h-6 w-6 shrink-0 cursor-pointer {{ if site.Params.monoDarkIcon }}[background:url(./theme.svg)_left_center/cover_no-repeat] dark:invert{{ else }}[background:url(./theme.png)_left_center/_auto_theme('spacing.6')_no-repeat] [transition:_background-position_0.4s_steps(5)]{{ end }} dark:[background-position:right]"
-    ></a>
+      class="btn-dark text-[0] ml-6 h-6 w-6 shrink-0 cursor-pointer {{ if site.Params.monoDarkIcon }}[background:url(./theme.svg)_left_center/cover_no-repeat] dark:invert{{ else }}[background:url(./theme.png)_left_center/_auto_theme('spacing.6')_no-repeat] [transition:_background-position_0.4s_steps(5)]{{ end }} dark:[background-position:right]"
+      >Dark</a
+    >
   </div>
 
   <a
     class="btn-menu relative z-50 -mr-8 flex h-[5rem] w-[5rem] shrink-0 cursor-pointer flex-col items-center justify-center gap-2.5 lg:hidden"
-  ></a>
+    ><span class="hidden">Menu</span></a
+  >
 
   {{ $bg_color := $.Scratch.Get "bg_color" }}
   <script>
@@ -80,12 +82,14 @@
     >
       {{ range . }}<!---->
       <a
-        class="h-8 w-8 [background:var(--url)_center_center/cover_no-repeat] lg:h-6 lg:w-6"
+        class="h-8 w-8 text-[0] [background:var(--url)_center_center/cover_no-repeat] lg:h-6 lg:w-6"
         style="--url: url(./{{ . }}.svg)"
         href="{{ if eq . `rss` }}{{ `index.xml` | absURL }}{{ else if eq . `mastodon` }}{{ site.Params.Get . }}{{ else }}https://{{ . }}.com/{{ site.Params.Get . }}{{ end }}"
         target="_blank"
-        {{ if ne . `rss` }}rel="me"{{ end }}
-      ></a>
+        rel="{{ if eq . `rss` }}alternate{{ else }}me{{ end }}"
+      >
+        {{ . }}
+      </a>
       {{ end }}<!---->
     </nav>
     {{ end }}<!---->