Add a link to skip to the main content

While people using screen readers already have keyboard shortcuts to jump to the <main> tag, there are people who navigate the page with the keyboard using just the tab key, and for them, this link provides a way to save time and start reading the main content instead of having to manually go through all the navigation links every time a new page is loaded. Note that we had to add an additional `width: 0` rule because Foundation's `element-invisible` would apply `1px` and the test checking for `visible: :hidden` would faile.
2023-09-29 22:30:34 +02:00
parent 2b962f2789
commit 45c1f93562
16 changed files with 61 additions and 9 deletions
--- a/public/500.html
+++ b/public/500.html
@@ -33,7 +33,7 @@
 </head>

 <body>
-  <main class="error">
+  <main id="main" class="error">
    <h1>500</h1>
    <h2>Internal server error.</h2>
  </main>