From 688fc5512318a8128a6999b387896a2a824ae578 Mon Sep 17 00:00:00 2001
From: Simon Hollingshead <simon.hollingshead@gmail.com>
Date: Thu, 11 Aug 2022 20:16:17 +0000
Subject: [PATCH] Add text to the link for screenreaders. (#713)

---
 layouts/partials/posts/series.html           |    3 ++-
 layouts/_default/_markup/render-heading.html |    3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/layouts/_default/_markup/render-heading.html b/layouts/_default/_markup/render-heading.html
index 712241b..7c5bfe2 100644
--- a/layouts/_default/_markup/render-heading.html
+++ b/layouts/_default/_markup/render-heading.html
@@ -1,6 +1,7 @@
 <h{{ .Level }} id="{{ .Anchor | safeURL }}">
   {{ .Text | safeHTML }}
   <a class="heading-link" href="#{{ .Anchor | safeURL }}">
-    <i class="fa fa-link" aria-hidden="true"></i>
+    <i class="fa fa-link" aria-hidden="true" title="{{ i18n "link_to_heading" | default "Link to heading" }}"></i>
+    <span class="sr-only">{{ i18n "link_to_heading" | default "Link to heading" }}</span>
   </a>
 </h{{ .Level }}>
diff --git a/layouts/partials/posts/series.html b/layouts/partials/posts/series.html
index d08a83d..e9e9146 100644
--- a/layouts/partials/posts/series.html
+++ b/layouts/partials/posts/series.html
@@ -8,7 +8,8 @@
       <h3 id="{{ i18n "see_also" | default "See also in" | anchorize }}-{{ anchorize . | safeURL }}">
         {{ i18n "see_also" | default "See also in" }} {{ . }}
         <a class="heading-link" href="#{{ i18n "see_also" | default "See also in" | anchorize }}-{{ anchorize . | safeURL }}">
-          <i class="fa fa-link" aria-hidden="true"></i>
+          <i class="fa fa-link" aria-hidden="true" title="{{ i18n "link_to_heading" | default "Link to heading" }}"></i>
+          <span class="sr-only">{{ i18n "link_to_heading" | default "Link to heading" }}</span>
         </a>
       </h3>
       <nav>

--
Gitblit v1.10.0