aria labels

bkarimii · bkarimii · commit 2bdc9fc2254e · 2023-08-24T15:09:07.000+01:00
diff --git a/index.html b/index.html
@@ -15,11 +15,11 @@
     <!-- Add your HTML markup here -->
     <!-- Remember: Use semantic HTML tags like <header>, <main>, <nav>, <footer>, <section> etc -->
     <!-- All the images you need are in the 'img' folder -->
-    <header class="header" role="heading" aria-label="website header">
+    <header class="header"  aria-label="website header">
         <div class="logo">
             <img src="img/karma-logo.svg" alt="logo-icon" >
         </div>
-        <nav class="nav-bar" role="navigation">
+        <nav class="nav-bar" role="navigation" aria-label="navigation bar of PAGE>
             <ul>
                 <li >
                     <a  href="#" id="karma" target="_blank"> Meet Karma </a>
@@ -43,7 +43,7 @@
         </nav>
     </header>
     
-    <main class="main" role="main">
+    <main class="main" role="main" aria-label="main SECTION OF PAGE">
         <section class="section-1" role="region" aria-label="introduce Karma">
             <h1>Introducing karma</h1>
             <p>Bring Wifi with you, everywhere you go. </p>
@@ -84,7 +84,7 @@ <h2>
     </main>
 
 
-    <footer class="footer" role="contentinfo">
+    <footer class="footer" role="contentinfo" aria-label="footer of the webpage">
         <p>Join us on </p>
         <div>
             <a href="#" target="_blank"><img src="img/facebook-icon.svg" alt="facebook-icon link"></a>
