Add jump link to the navigation menu

2024-12-17 19:15:48 +00:00 · 2024-12-17 19:15:48 +00:00 · cafc42cf62
parent 22b35921e8
commit cafc42cf62
2 changed files with 4 additions and 0 deletions
--- a/source/_layouts/base.html.twig
+++ b/source/_layouts/base.html.twig
@ -43,6 +43,8 @@
    {% block styles %}{% endblock %}
  </head>
  <body>
+    <a class="sr-only focus:not-sr-only" href="#footer">Jump to the navigation menu</a>
+
    {% block body %}{% endblock %}

    {# Add the Mastodon verification link so pages can be verified. #}
--- a/source/_layouts/default.html.twig
+++ b/source/_layouts/default.html.twig
@ -40,6 +40,8 @@
      </div>

      <footer class="mt-16 mb-6">
+        <a id="footer" tabindex="-1"></a>
+
        {% include 'main-menu.html.twig' %}
      </footer>
    </div>