diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index a1635f3..4d5f176 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -114,6 +114,7 @@ const address = import.meta.env.PUBLIC_ADDRESS;
         )}
     </head>
     <body>
+        <a href="#content-skip" tabindex="0" id="content-skip-button">Skip to content</a>
         <div class="banner">
             <img
                 src={Banner.src}
@@ -135,3 +136,28 @@ const address = import.meta.env.PUBLIC_ADDRESS;
         document.addEventListener("DOMContentLoaded", () => update(img))
     </script>
 </html>
+
+<style lang="scss">
+    @import "../styles/vars.scss";
+
+    #content-skip-button {
+        padding: 16px 32px;
+
+        position: absolute;
+        top: -1000000px;
+        left: -1000000px;
+        z-index: 999999999;
+
+        font-weight: bolder;
+        text-decoration: none;
+
+        background-color: $accent;
+        color: $light;
+
+        &:focus {
+            top: 0;
+            left: 0;
+            outline: 0 solid transparent;
+        }
+    }
+</style>
diff --git a/src/layouts/Markdown.astro b/src/layouts/Markdown.astro
index a23b3b4..87513ab 100644
--- a/src/layouts/Markdown.astro
+++ b/src/layouts/Markdown.astro
@@ -59,11 +59,7 @@ const comments = import.meta.env.PUBLIC_COMMENTS === "true";
         </ul>
     </div>
 
-    <!--<div class="header-follow">-->
-    <!--    <div>-->
-    <!--        <p>GwaGwa</p>-->
-    <!--    </div>-->
-    <!--</div>-->
+    <span id="content-skip" />
 
     <div id="markdown">
         <div style="margin-bottom: 32px" />
diff --git a/src/pages/index.astro b/src/pages/index.astro
index acfb920..c043ce2 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -21,6 +21,8 @@ const posts = await getPosts("posts");
 		<Music />
 	</div>
 
+	<span id="content-skip" />
+
 	<div class="section">
 		<h2>Who am I</h2>
 		<p>My name is Michał, I go by Fluffy, I'm 19 and I like computers</p>
diff --git a/src/pages/leg.astro b/src/pages/leg.astro
index 0903930..4bab135 100644
--- a/src/pages/leg.astro
+++ b/src/pages/leg.astro
@@ -12,6 +12,8 @@ import GwaGwa from "../assets/fumble.jpg";
         <p>GwaGwa</p>
     </div>
 
+    <span id="content-skip" />
+
     <div class="secrtion">
         <img
             src={GwaGwa.src}
diff --git a/src/pages/posts/index.astro b/src/pages/posts/index.astro
index dc4d9d4..3399f5a 100644
--- a/src/pages/posts/index.astro
+++ b/src/pages/posts/index.astro
@@ -20,6 +20,8 @@ const posts = await getPosts("posts");
         <p>Books of egg</p>
     </div>
 
+    <span id="content-skip" />
+
     <ul role="list" class="project-list">
         {posts.map(post => (
             <Card {post}/>
diff --git a/src/pages/refsheet.astro b/src/pages/refsheet.astro
index dd7b05c..80418d4 100644
--- a/src/pages/refsheet.astro
+++ b/src/pages/refsheet.astro
@@ -16,6 +16,8 @@ import Mood from "../assets/art/mood.png";
         <p>Maned Wolf moment</p>
     </div>
 
+    <span id="content-skip" />
+
     <div class="section">
         <h2>Refsheet</h2>
         <img src={Ref.src} alt="FluffyBean" class="art max" />
diff --git a/src/pages/search/[filter].astro b/src/pages/search/[filter].astro
index 9008089..ca9d6cc 100644
--- a/src/pages/search/[filter].astro
+++ b/src/pages/search/[filter].astro
@@ -35,6 +35,8 @@ const filteredPosts = allPosts.filter((project) => project.data.tags.includes(ta
         <p>Showing {filteredPosts.length}/{allPosts.length} posts</p>
     </div>
 
+    <span id="content-skip" />
+
     <div class="section">
         <ul role="list" class="project-list">
             {filteredPosts.map(post => (
diff --git a/src/pages/search/index.astro b/src/pages/search/index.astro
index b661760..dd850db 100644
--- a/src/pages/search/index.astro
+++ b/src/pages/search/index.astro
@@ -28,6 +28,8 @@ tags.sort((a, b) => {
         <p>Filter posts by tags</p>
     </div>
 
+    <span id="content-skip" />
+
     <ul role="list" class="pill-list">
         {tags.map(tag => (
             <li>
