From bf31b8b9a0d59c2556973d554ca23fe6cb6a25df Mon Sep 17 00:00:00 2001
From: Mike Coutermarsh <coutermarsh.mike@gmail.com>
Date: Sat, 4 Jul 2020 14:28:52 -0700
Subject: [PATCH] Improve accessibility by adding label to Anchor links.
I ran Lighthouse on just-the-docs and noticed the anchor links
were missing a "discernible name".
This adds aria-labelledby to the header element to improve these for
screenreaders.
---
_includes/vendor/anchor_headings.html | 4 ++--
1 file changed, 2 insertions(+), 2 deletions(-)
diff --git a/_includes/vendor/anchor_headings.html b/_includes/vendor/anchor_headings.html
index 25397df9..985f448b 100755
--- a/_includes/vendor/anchor_headings.html
+++ b/_includes/vendor/anchor_headings.html
@@ -64,7 +64,7 @@
{% capture anchor %}{% endcapture %}
{% if html_id and headerLevel >= minHeader and headerLevel <= maxHeader %}
- {% capture anchor %}href="#{{ html_id}}"{% endcapture %}
+ {% capture anchor %}href="#{{ html_id}}" aria-labelledby="{{ html_id}}"{% endcapture %}
{% if include.anchorClass %}
{% capture anchor %}{{ anchor }} class="{{ include.anchorClass }}"{% endcapture %}
@@ -97,4 +97,4 @@
{% endcapture %}
{% capture edited_headings %}{{ edited_headings }}{{ new_heading }}{% endcapture %}
{% endfor %}
-{% endcapture %}{% assign headingsWorkspace = '' %}{{ edited_headings | strip }}
\ No newline at end of file
+{% endcapture %}{% assign headingsWorkspace = '' %}{{ edited_headings | strip }}
--
GitLab