steve/just-the-docs
1
0
Fork 0
mirror of https://github.com/snachodog/just-the-docs.git synced 2025-04-22 02:52:23 -06:00
Code Issues Packages Projects Releases Wiki Activity

Improve accessibility by adding label to Anchor links.

Browse Source 
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.
This commit is contained in:
Mike Coutermarsh 2020-07-04 14:28:52 -07:00
parent 50d727871e
commit bf31b8b9a0
No known key found for this signature in database
GPG Key ID: 45391430D7808AFE
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
_includes/vendor/anchor_headings.html vendored
View File

@ -64,7 +64,7 @@
{% capture anchor %}{% endcapture %} {% capture anchor %}{% endcapture %}
{% if html_id and headerLevel >= minHeader and headerLevel <= maxHeader %} {% 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 %} {% if include.anchorClass %}
{% capture anchor %}{{ anchor }} class="{{ include.anchorClass }}"{% endcapture %} {% capture anchor %}{{ anchor }} class="{{ include.anchorClass }}"{% endcapture %}