diff --git a/app/assets/stylesheets/layout.css b/app/assets/stylesheets/layout.css
index 5a7bbcbab..2fdbecf69 100644
--- a/app/assets/stylesheets/layout.css
+++ b/app/assets/stylesheets/layout.css
@@ -59,3 +59,17 @@ body {
display: none;
}
}
+
+.skip-navigation {
+ --left-offset: -999em;
+
+ inset-block-start: 4rem;
+ inset-inline-start: var(--left-offset);
+ position: absolute;
+ white-space: nowrap;
+ z-index: 11;
+
+ &:focus {
+ --left-offset: var(--inline-space);
+ }
+}
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
index 9afe9fe86..288444d6b 100644
--- a/app/views/layouts/application.html.erb
+++ b/app/views/layouts/application.html.erb
@@ -19,6 +19,8 @@
+ Skip to main content
+