From 1a8bb998430d0e3d77288a6af8915052885dd519 Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Wed, 19 Dec 2018 23:47:06 +0000
Subject: [PATCH] Add skip to content link

---
 package.json                      | 3 ++-
 source/_layouts/default.html.twig | 4 +++-
 tailwind.js                       | 1 +
 yarn.lock                         | 4 ++++
 4 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index 6ad118ec..909abf01 100644
--- a/package.json
+++ b/package.json
@@ -16,8 +16,9 @@
     "laravel-mix-purgecss": "^2.1.2",
     "laravel-mix-tailwind": "^0.1.0",
     "tailwindcss": "^0.6",
-    "tailwindcss-vuejs": "^1.0.0",
+    "tailwindcss-skip-link": "^1.0.0",
     "tailwindcss-visuallyhidden": "^1.0.1",
+    "tailwindcss-vuejs": "^1.0.0",
     "vue": "^2.5.17"
   }
 }
diff --git a/source/_layouts/default.html.twig b/source/_layouts/default.html.twig
index 6d1be488..8e74a70c 100644
--- a/source/_layouts/default.html.twig
+++ b/source/_layouts/default.html.twig
@@ -1,11 +1,13 @@
 {% extends 'base' %}
 
 {% block body %}
+    <a href="#main-content" class="skip-link w-full text-center text-white bg-blue p-4 focus:outline-none">Skip to main content</a>
+
     {% include 'layout/navbar' %}
 
     <div class="container mx-auto px-4">
         <div class="md:flex -mx-4">
-            <main class="md:w-2/3 lg:w-3/4 px-4 mb-8 lg:mb-0">
+            <main id="main-content" class="md:w-2/3 lg:w-3/4 px-4 mb-8 lg:mb-0">
                 {% block page_title %}
                     <h1>{{ page.title }}</h1>
                 {% endblock %}
diff --git a/tailwind.js b/tailwind.js
index 9b3aff36..ecc8a1ce 100644
--- a/tailwind.js
+++ b/tailwind.js
@@ -333,6 +333,7 @@ module.exports = {
       padding: '1rem',
     }),
     require('tailwindcss-visuallyhidden')(),
+    require('tailwindcss-skip-link')(),
     require('tailwindcss-vuejs')(),
   ],
 
diff --git a/yarn.lock b/yarn.lock
index 7d092768..c47d9e42 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -5719,6 +5719,10 @@ svgo@^0.7.0:
     sax "~1.2.1"
     whet.extend "~0.9.9"
 
+tailwindcss-skip-link@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/tailwindcss-skip-link/-/tailwindcss-skip-link-1.0.0.tgz#212090cdc5e6e9c71a5b5d3d638f280997f1e7f2"
+
 tailwindcss-visuallyhidden@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/tailwindcss-visuallyhidden/-/tailwindcss-visuallyhidden-1.0.1.tgz#ed67ecf6ee48ea0313b5c3c27498467f350be206"