From c6fb65d64343e9d16ba6ff54509e0b1481841b2f Mon Sep 17 00:00:00 2001
From: Mat Moore <MatMoore@users.noreply.github.com>
Date: Tue, 9 Apr 2024 13:23:00 +0100
Subject: [PATCH] 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.
---
 templates/base/base.html | 4 +++-
 templates/glossary.html  | 7 ++++++-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/templates/base/base.html b/templates/base/base.html
index 3ea8a8ca..dedfd337 100644
--- a/templates/base/base.html
+++ b/templates/base/base.html
@@ -8,8 +8,10 @@
     <script>
       document.body.className += ' js-enabled' + ('noModule' in HTMLScriptElement.prototype ? ' govuk-frontend-supported' : '');
     </script>
+    {% block skiplinks %}
     <a href="#main-content" class="govuk-skip-link" data-module="govuk-skip-link">Skip to main content</a>
-
+    {% endblock %}
+    
     {% include "base/navigation.html" %}
 
     <div class="govuk-width-container app-width-container">
diff --git a/templates/glossary.html b/templates/glossary.html
index fdb410ee..66ade67e 100644
--- a/templates/glossary.html
+++ b/templates/glossary.html
@@ -2,6 +2,11 @@
 {% load markdown %}
 {% load static %}
 
+{% block skiplinks %}
+{{block.super}}
+<a href="#glossary-content" class="govuk-skip-link" data-module="govuk-skip-link">Skip to glossary content</a>
+{% endblock %}
+
 {% block content %}
     <div class="govuk-grid-row">
         <div class="govuk-grid-column-one-quarter">
@@ -32,7 +37,7 @@ <h1 class="govuk-heading-l">Glossary</h1>
                 {%endfor%}
             </ul>
         </div>
-        <div class="govuk-grid-column-three-quarters">
+        <div class="govuk-grid-column-three-quarters" id="glossary-content">
             {% for parent_term in results %}
                 <div class="term-group">
                     <h2 class="govuk-heading-l" id="{{ parent_term }}">{{ parent_term.name }}</h2>