Add "skip to main content" link

space-wizards · May 7, 2024 · f8d0f72 · f8d0f72
1 parent 6ffdccb
commit f8d0f72
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git a/assets/scss/main.scss b/assets/scss/main.scss
@@ -152,3 +152,13 @@ article#main-article {
 		margin-bottom: 1rem;
 	}
 }
+
+.skip-link {
+	position: absolute;
+	top: -3em;
+	background: #fff;
+
+	&:focus {
+		top: 0;
+	}
+}
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
@@ -14,6 +14,7 @@
 		{{ partial "head_includes.html" }}
 	</head>
 	<body lang="en">
+		<a href="#main" class="skip-link">Skip to main content</a>
 		{{ partial "vue_templates.html" }}
 
 		<div class="section-shadow mt-2">