From a599cb5ebc0cfef0a0c1efdce5d6c88568d15b91 Mon Sep 17 00:00:00 2001
From: Ben Goldsworthy <admin@bengoldsworthy.net>
Date: Thu, 20 Feb 2025 01:24:11 +0100
Subject: [PATCH] a11y: add ARIA labels

---
 layouts/partials/header/site-header.html | 60 ++++++++++++++++++++++--
 1 file changed, 55 insertions(+), 5 deletions(-)

diff --git a/layouts/partials/header/site-header.html b/layouts/partials/header/site-header.html
index 024dd25..607d37c 100644
--- a/layouts/partials/header/site-header.html
+++ b/layouts/partials/header/site-header.html
@@ -1,12 +1,62 @@
-<header class="site-header h-card">  
+<header class="site-header h-card">
   {{ block "header" . }}
-    <h2 class="p-name site-header__title" itemprop="name"><a class="u-url" href="{{ .Site.Home.RelPermalink }}" rel="me author">{{ .Site.Title }}</a></h2>
-    <p class="p-note site-header__tagline" itemprop="about">Views my own. Discussion ≠ endorsement. Do try this at home.</p>
-    <p class="site-header__icons">~ <a class="u-email" href="mailto:{{ $.Site.Params.Author.email }}" rel="me">✉️</a> ~ <a class="u-url" href="{{ .Site.Params.codeURL }}" rel="me">🧑‍💻</a> ~ <a class="u-key" href="/{{ .Site.Params.keyfile }}" rel="me">&#128272;</a> ~ <a href="/index.xml" aria-label="{{ .Site.Title }} RSS feed"><img class="feed-icon" alt="RSS feed" src="{{ .Site.Params.feedIcon }}"></a> ~</p>
+    <h2
+      class="p-name site-header__title"
+      itemprop="name"
+    >
+      <a
+        class="u-url"
+        href="{{ .Site.Home.RelPermalink }}"
+        rel="me author"
+        >{{ .Site.Title }}</a
+      >
+    </h2>
+    <p
+      class="p-note site-header__tagline"
+      itemprop="about"
+    >
+      Views my own. Discussion ≠ endorsement. Do try this at home.
+    </p>
+    <p class="site-header__icons">
+      ~
+      <a
+        class="u-email"
+        aria-label="Email"
+        href="mailto:{{ $.Site.Params.Author.email }}"
+        rel="me"
+        >✉️</a
+      >
+      ~
+      <a
+        class="u-url"
+        aria-label="Code Forge"
+        href="{{ .Site.Params.codeURL }}"
+        rel="me"
+        >🧑‍💻</a
+      >
+      ~
+      <a
+        class="u-key"
+        aria-label="PGP key"
+        href="/{{ .Site.Params.keyfile }}"
+        rel="me"
+        >&#128272;</a
+      >
+      ~
+      <a
+        href="/index.xml"
+        aria-label="{{ .Site.Title }} RSS feed"
+        ><img
+          class="feed-icon"
+          alt="RSS feed"
+          src="{{ .Site.Params.feedIcon }}"
+      /></a>
+      ~
+    </p>
     <nav class="site-header__nav">
       <ul>
         {{ range ( where .Site.Sections.ByTitle "Type" "in" site.Params.mainSections ) }}
-        <li><a href="{{ .RelPermalink }}">{{ .Title | safeHTML }}</a></li>
+          <li><a href="{{ .RelPermalink }}">{{ .Title | safeHTML }}</a></li>
         {{ end }}
       </ul>
     </nav>