From 5a96a218b337b7eaf4fe6421b81e7f9fb4a4c483 Mon Sep 17 00:00:00 2001 From: Silvio Giebl Date: Tue, 30 Jun 2020 20:07:25 +0200 Subject: [PATCH 1/2] Fixed css .search-active.main --- _sass/search.scss | 2 ++ 1 file changed, 2 insertions(+) diff --git a/_sass/search.scss b/_sass/search.scss index 8a7f410..eb94cb7 100644 --- a/_sass/search.scss +++ b/_sass/search.scss @@ -308,6 +308,8 @@ @include mq(md) { .main { position: fixed; + right: 0; + left: 0; } } From bf31b8b9a0d59c2556973d554ca23fe6cb6a25df Mon Sep 17 00:00:00 2001 From: Mike Coutermarsh Date: Sat, 4 Jul 2020 14:28:52 -0700 Subject: [PATCH 2/2] 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 25397df..985f448 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 }}