diff --git a/src/App.vue b/src/App.vue
index bddddb73e..e425a9abe 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -18,6 +18,9 @@
 <template>
   <div id="app">
     <div style="position:fixed;top:1px;z-index:9999;left:1px;right:1px;">
+      <header>
+        <a class="skip-link" href="#main">Skip to main content</a>
+      </header>
       <SuccessNotification ref="successNotification" class="is-marginless"></SuccessNotification>
       <ErrorNotification ref="errorNotification" class="is-marginless"></ErrorNotification>
       <InfoNotification ref="infoNotification" class="is-marginless"></InfoNotification>
diff --git a/src/assets/scss/main.scss b/src/assets/scss/main.scss
index 0897f83ba..00e095f3b 100644
--- a/src/assets/scss/main.scss
+++ b/src/assets/scss/main.scss
@@ -525,6 +525,21 @@ div.sentence-input {
 
 }
 
+.skip-link {
+  background: $purple;
+  color: #fff;
+  font-weight: 700;
+  left: 50%;
+  padding: 4px;
+  position: absolute;
+  transform: translateY(-150%);
+  transition: transform 0.3s;
+}
+
+.skip-link:focus {
+  transform: translateY(0%);
+}
+
 .new-form-content {
   @extend .is-full;
   @extend .is-pulled-left;
diff --git a/src/components/layouts/BaseSideBarLayout.vue b/src/components/layouts/BaseSideBarLayout.vue
index 8d80b5b73..fa31c5dd4 100644
--- a/src/components/layouts/BaseSideBarLayout.vue
+++ b/src/components/layouts/BaseSideBarLayout.vue
@@ -77,7 +77,7 @@
       </div>
       <div class="column">
         <div>
-          <main>
+          <main id="main">
             <section class="section p-5">
               <slot name="content"></slot>
             </section>
diff --git a/src/components/layouts/NoSideBarLayout.vue b/src/components/layouts/NoSideBarLayout.vue
index 311537c3d..8907baa54 100644
--- a/src/components/layouts/NoSideBarLayout.vue
+++ b/src/components/layouts/NoSideBarLayout.vue
@@ -42,7 +42,7 @@
     </header>
     <div class="columns is-marginless">
       <div class="column">
-        <main>
+        <main id="main">
           <section class="section">
             <slot></slot>
           </section>
diff --git a/src/components/layouts/SimpleLayout.vue b/src/components/layouts/SimpleLayout.vue
index 873c7faa4..aee743e76 100644
--- a/src/components/layouts/SimpleLayout.vue
+++ b/src/components/layouts/SimpleLayout.vue
@@ -17,7 +17,7 @@
 
 <template>
   <div class="is-full-length">
-    <main>
+    <main id="main">
       <section class="section">
         <slot></slot>
       </section>