From 5cc445f79cce56c996f25cf243377ad3d2302fb9 Mon Sep 17 00:00:00 2001
From: Victoria Nduka <122698422+nwanduka@users.noreply.github.com>
Date: Tue, 20 Aug 2024 16:46:33 +0100
Subject: [PATCH] added skip-to-content link

---
 apps/landing/landing.html | 29 ++++++++++++++++++++++++-----
 1 file changed, 24 insertions(+), 5 deletions(-)
diff --git a/apps/landing/landing.html b/apps/landing/landing.html
index 25921d9fd..9873852df 100644
--- a/apps/landing/landing.html
+++ b/apps/landing/landing.html
@@ -12,10 +12,29 @@
     <!-- common styling -->
 	<link rel='stylesheet' type='text/css' media='all' href='../common.css'/>
     <link rel="shortcut icon" type="image/x-icon" href="favicon.png">
+    <style>
+        .skip-link {
+            position: absolute;
+            top: 0;
+            left: 50%;
+            transform: translateX(-50%);
+            background: #212529;
+            color: white;
+            padding: 8px;
+            z-index: 9999;
+            text-decoration: none;
+            opacity: 0;
+            pointer-events: none;
+        }
+        .skip-link:focus {
+            opacity: 1;
+            pointer-events: auto;
+        }
+    </style>
 
 </head>
 <body>
-  
+<a class="skip-link" href="#main-content">Skip to main content</a>  
 <!-- loading animation -->
 <div class="main-site">
     <!-- adding css -->
@@ -57,8 +76,8 @@
 
 
 <!-- Main -->
-
-<section id="main" class="wrapper">
+<main id="main-content">
+  <section id="main" class="wrapper">
 
     <div class="inner">
 
@@ -93,8 +112,8 @@ <h2>Documentation</h2>
                 </div>
             </section>
         </div>
-</section>
-
+  </section>
+</main>
 
 
 <!-- Footer -->
