Technigo · T-Thiry · Mar 26, 2025 · Mar 26, 2025 · Mar 26, 2025 · Mar 26, 2025
diff --git a/.DS_Store b/.DS_Store
diff --git a/README.md b/README.md
@@ -1,9 +1,5 @@
-# Web Accessibility Project
+# Web Accessibility Quiz
 
-A basic web server template focused on web accessibility practices.
+A simple interactive quiz built with JavaScript that tests users on essential web accessibility concepts based on WCAG guidelines. Designed with accessibility in mind, it includes semantic HTML, proper focus management, ARIA roles, and keyboard navigation to ensure an inclusive user experience.
 
-### Installation
-
-1. Fork this repository by clicking the "Fork" button at the top right of the GitHub repository page.
-
-2. Clone your forked repository
+https://accessibility-guiz.netlify.app
diff --git a/about.html b/about.html
@@ -1,10 +1,88 @@
 <!DOCTYPE html>
-<html>
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>About</title>
-    <link rel="stylesheet" href="css/styles.css" />
-  </head>
-  <body></body>
-</html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8" />
+  <meta
+    name="viewport"
+    content="width=device-width, initial-scale=1.0"
+  />
+  <title>About</title>
+  <link
+    rel="stylesheet"
+    href="css/styles.css"
+  />
+</head>
+
+<body>
+  <a
+    href="#introduction"
+    class="skip-link"
+  >
+    Skip to main content
+  </a>
+
+  <header id="header">
+    <div class="header-content">
+      <h1>Introduction</h1>
+      <nav
+        role="navigation"
+        aria-label="main menu"
+      >
+        <ul>
+          <li>
+            <a href="./index.html">Home</a>
+          </li>
+          <li>
+            <a href="./about.html">About</a>
+          </li>
+        </ul>
+      </nav>
+    </div>
+  </header>
+
+  <main id="main-content">
+
+    <section
+      id="banner"
+      role="banner"
+    >
+      <img
+        src="assets/Banner.png"
+        alt=""
+        class="noinfo-image"
+      >
+    </section>
+
+    <section id="introduction">
+      <h2> Introduction to our team</h2>
+      <p>We are a team of designers and developers, who believe accessibility should not be a feature — but a
+        foundation. Whether you're new to the topic or already passionate about inclusive design, we hope this helps you
+        see things from new perspectives — and inspires you to build with empathy, for everyone.
+      </p>
+
+    </section>
+
+  </main>
+
+  <footer role="contentinfo">
+    <div class="footer-content">
+      <nav
+        role="navigation"
+        aria-label="Footer menu"
+      >
+        <ul>
+          <li>
+            <a href="index.html">Home</a>
+          </li>
+          <li>
+            <a href="about.html">About</a>
+          </li>
+        </ul>
+      </nav>
+    </div>
+  </footer>
+
+</body>
+
+</html>
diff --git a/assets/Banner.png b/assets/Banner.png
diff --git a/assets/Disability_three.png b/assets/Disability_three.png
diff --git a/assets/Disability_two.png b/assets/Disability_two.png
diff --git a/assets/disability.jpg b/assets/disability.jpg
diff --git a/assets/disability1.jpg b/assets/disability1.jpg