Skip to content

Commit c6fb65d

Browse files
committed
Add additional skiplink to bypass glossary nav
The normal skiplink skips the top level navigation, but the glossary page also has its own sidebar inside the main element. This commit adds a "skip to glossary content" skiplink, so users can skip this as well.
1 parent 8fb8645 commit c6fb65d

File tree

2 files changed

+9
-2
lines changed

2 files changed

+9
-2
lines changed

templates/base/base.html

+3-1
Original file line numberDiff line numberDiff line change
@@ -8,8 +8,10 @@
88
<script>
99
document.body.className += ' js-enabled' + ('noModule' in HTMLScriptElement.prototype ? ' govuk-frontend-supported' : '');
1010
</script>
11+
{% block skiplinks %}
1112
<a href="#main-content" class="govuk-skip-link" data-module="govuk-skip-link">Skip to main content</a>
12-
13+
{% endblock %}
14+
1315
{% include "base/navigation.html" %}
1416

1517
<div class="govuk-width-container app-width-container">

templates/glossary.html

+6-1
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,11 @@
22
{% load markdown %}
33
{% load static %}
44

5+
{% block skiplinks %}
6+
{{block.super}}
7+
<a href="#glossary-content" class="govuk-skip-link" data-module="govuk-skip-link">Skip to glossary content</a>
8+
{% endblock %}
9+
510
{% block content %}
611
<div class="govuk-grid-row">
712
<div class="govuk-grid-column-one-quarter">
@@ -32,7 +37,7 @@ <h1 class="govuk-heading-l">Glossary</h1>
3237
{%endfor%}
3338
</ul>
3439
</div>
35-
<div class="govuk-grid-column-three-quarters">
40+
<div class="govuk-grid-column-three-quarters" id="glossary-content">
3641
{% for parent_term in results %}
3742
<div class="term-group">
3843
<h2 class="govuk-heading-l" id="{{ parent_term }}">{{ parent_term.name }}</h2>

0 commit comments

Comments
 (0)