From a535d0691eecb89ebeee1bef8ee32c55e803639b Mon Sep 17 00:00:00 2001
From: Shivam Gupta <231542@kit.ac.in>
Date: Mon, 15 Jun 2026 11:38:57 +0530
Subject: [PATCH] fix: add skip-to-main-content link for keyboard and screen
 reader accessibility

---
 frontend/about.html        |  4 ++++
 frontend/leaderboard.html  |  4 ++++
 frontend/registration.html |  4 ++++
 frontend/styles/main.css   | 18 ++++++++++++++++++
 4 files changed, 30 insertions(+)
diff --git a/frontend/about.html b/frontend/about.html
index c69dd860..49cd0f7f 100644
--- a/frontend/about.html
+++ b/frontend/about.html
@@ -33,9 +33,13 @@
   </head>
 
   <body>
+    <body>
+  <a href="#main-content" class="skip-link">Skip to main content</a>
+  ...
     <canvas id="matrix-canvas"></canvas>
 
     <main class="page">
+      <main class="page" id="main-content"></main>
       <div class="container">
         <h1 class="page-title">cat README.md</h1>
 
diff --git a/frontend/leaderboard.html b/frontend/leaderboard.html
index 932e40f6..6bbcb8d6 100644
--- a/frontend/leaderboard.html
+++ b/frontend/leaderboard.html
@@ -40,9 +40,13 @@
   </head>
 
   <body>
+    <body>
+  <a href="#main-content" class="skip-link">Skip to main content</a>
+  ...
     <canvas id="matrix-canvas"></canvas>
 
     <main class="page">
+      <main class="page" id="main-content"></main>
       <div class="container">
         <h1 class="page-title">Leaderboard</h1>
         <div
diff --git a/frontend/registration.html b/frontend/registration.html
index 8bee62fa..a9515f7f 100644
--- a/frontend/registration.html
+++ b/frontend/registration.html
@@ -36,9 +36,13 @@
   </head>
 
   <body>
+    <body>
+  <a href="#main-content" class="skip-link">Skip to main content</a>
+  ...
     <canvas id="matrix-canvas"></canvas>
 
     <main class="page">
+      <main class="page" id="main-content"></main>
       <div class="form-container">
         <div class="form-card" id="registration-form">
           <h1 class="page-title">Join the Leaderboard</h1>
diff --git a/frontend/styles/main.css b/frontend/styles/main.css
index 4a4b2a7d..c4bfe38f 100644
--- a/frontend/styles/main.css
+++ b/frontend/styles/main.css
@@ -2804,3 +2804,21 @@ body::-webkit-scrollbar-thumb {
 .changes-content-line.no-icon::before {
   display: none;
 }
+/* Skip to main content — accessibility */
+.skip-link {
+  position: absolute;
+  top: -40px;
+  left: 0;
+  background: var(--green);
+  color: var(--bg);
+  padding: 8px 16px;
+  font-family: var(--font-mono);
+  font-size: 0.85rem;
+  z-index: 9999;
+  text-decoration: none;
+  border-radius: 0 0 4px 0;
+  transition: top 0.2s ease;
+}
+.skip-link:focus {
+  top: 0;
+}
