diff --git a/assets/style.css b/assets/style.css
index 3b905663..c36c7e14 100644
--- a/assets/style.css
+++ b/assets/style.css
@@ -145,3 +145,18 @@ h3.blog-filter {
   cursor: not-allowed;
   opacity: 0.7;
 }
+
+/*  "skip to main content"  link */
+.skiplink {
+  position: absolute;
+  top: 5;
+  transform: translateY(-600%);
+  transition: transform 0.5s;
+  background-color: #121212;
+  font-size: larger;
+  padding: 6px;
+}
+
+.skiplink:focus {
+  transform: translateY(0%);
+}
\ No newline at end of file
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index 7aa0605e..06d71c3c 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -36,7 +36,7 @@
   <header>
     {{- partial "header.html" . -}}
   </header>
-  <main>
+  <main id="maincontent">
     {{- block "main" . }}{{- end }}
   </main>
   <footer>
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index fccb41f8..1db41b2b 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -1,2 +1,4 @@
+<a class="skiplink" href="#maincontent">Skip to Main Content</a>
+
 <a href="{{ relURL .Site.Home.Permalink }}" class="title"><h1>{{ .Site.Title }}</h1></a>
 <nav>{{- partial "nav.html" . -}}</nav>