diff --git a/PancakesWeb/Components/Layout/MainLayout.razor b/PancakesWeb/Components/Layout/MainLayout.razor
index 624f437..c0c77b3 100644
--- a/PancakesWeb/Components/Layout/MainLayout.razor
+++ b/PancakesWeb/Components/Layout/MainLayout.razor
@@ -1,5 +1,7 @@
 @inherits LayoutComponentBase
 
+<a class="skip-to-content" href="#main-content">Skip to main content</a>
+
 @Body
 
 <div id="blazor-error-ui" data-nosnippet>
diff --git a/PancakesWeb/Components/Layout/MainLayout.razor.css b/PancakesWeb/Components/Layout/MainLayout.razor.css
index 60cec92..c4f971c 100644
--- a/PancakesWeb/Components/Layout/MainLayout.razor.css
+++ b/PancakesWeb/Components/Layout/MainLayout.razor.css
@@ -12,9 +12,20 @@
     z-index: 1000;
 }
 
-    #blazor-error-ui .dismiss {
-        cursor: pointer;
-        position: absolute;
-        right: 0.75rem;
-        top: 0.5rem;
-    }
+#blazor-error-ui .dismiss {
+    cursor: pointer;
+    position: absolute;
+    right: 0.75rem;
+    top: 0.5rem;
+}
+
+.skip-to-content {
+    position: absolute;
+    top: -5rem;
+    left: 1rem;
+    transition: top 0.5s;
+}
+
+.skip-to-content:focus {
+    top: 1rem;
+}