diff --git a/assets/css/bobastyle.css b/assets/css/bobastyle.css
index 26488a4..d6a42a0 100644
--- a/assets/css/bobastyle.css
+++ b/assets/css/bobastyle.css
@@ -378,6 +378,22 @@ h1 svg.icon {
 }
 /* }}} */
 
+/* Skip to main content {{{ */
+#skip-to-main {
+  position: absolute;
+  padding: 8px;
+  background-color: var(--text-0);
+  color: var(--background-0);
+  transform: translateY(-100%);
+}
+#skip-to-main:focus {
+  transform: translateY(0%);
+}
+#main-content:target {
+  animation: none; /* prevent it from turning yellow */
+}
+/* }}} */
+
 /* Breadcrumb navigation {{{ */
 
 .breadcrumb {
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index 1369fae..d764107 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -5,6 +5,7 @@
 
     <body>
         <a id="top" aria-hidden="true"></a>
+        <a id="skip-to-main" href="#main-content">Skip to main content</a>
 
         <a id="back-to-top" href="#top" aria-label="{{ i18n "aria_back_to_top_button" }}">
             {{ partial "icon.html" "chevron-up" }}
@@ -24,7 +25,7 @@
                 {{ partial "breadcrumb.html" . }}
             {{ end }}
 
-            <main>
+            <main id="main-content">
                 {{ block "main" . }}
                     THIS TEXT SHOULD NOT SHOW. YUZSIQGHE (that string is so I can grep for it)
                 {{ end }}
