improve accessibility

BoshraM · BoshraM · commit 62c21ec619a4 · 2022-11-07T19:14:44.000Z
diff --git a/css/style.css b/css/style.css
@@ -67,7 +67,6 @@ header {
 
 hero {
   grid-area: hero;
-
   background-image: url("https://github.com/CodeYourFuture/HTML-CSS-Module-Project/blob/master/img/first-background.jpg?raw=true");
   background-repeat: no-repeat;
   text-align: center;
diff --git a/index.html b/index.html
@@ -21,7 +21,7 @@
       <img
         class="logo_header"
         src="https://raw.githubusercontent.com/CodeYourFuture/HTML-CSS-Module-Project/2eafd55a92f7931f2ce6d3264a4ea98a9488dc7e/img/karma-logo.svg"
-        alt="karma"
+        alt="karma logo"
       />
       <nav>
         <ul class="navigation_list">
@@ -66,23 +66,23 @@ <h2 class="hero_title">Every one needs a little Karma</h2>
           <img
             class="img_section"
             src="https://raw.githubusercontent.com/CodeYourFuture/HTML-CSS-Module-Project/2eafd55a92f7931f2ce6d3264a4ea98a9488dc7e/img/icon-devices.svg"
-            alt=""
+            alt="the shape of desktop, mobile and tablet screens"
           />
           <figcaption>Internet for all devices</figcaption>
         </figure>
         <figure>
           <img
             class="img_section"
             src="https://raw.githubusercontent.com/CodeYourFuture/HTML-CSS-Module-Project/2eafd55a92f7931f2ce6d3264a4ea98a9488dc7e/img/icon-coffee.svg"
-            alt=""
+            alt="a cup of coffee"
           />
           <figcaption>Boost your productivity</figcaption>
         </figure>
         <figure>
           <img
             class="img_section"
             src="https://raw.githubusercontent.com/CodeYourFuture/HTML-CSS-Module-Project/2eafd55a92f7931f2ce6d3264a4ea98a9488dc7e/img/icon-refill.svg"
-            alt=""
+            alt="a credit card reader"
           />
           <figcaption>Pay as you go</figcaption>
         </figure>
@@ -92,6 +92,7 @@ <h2 class="hero_title">Every one needs a little Karma</h2>
       <img
         class="img_extended"
         src="https://github.com/CodeYourFuture/HTML-CSS-Module-Project/blob/master/level-2/homepage-feature.png?raw=true"
+        alt="a happy person using Kareme"
       />
       <article>
         <p class="prg_section">
@@ -115,20 +116,23 @@ <h2 class="hero_title">Every one needs a little Karma</h2>
             ><img
               class="logo_footer"
               src="https://raw.githubusercontent.com/CodeYourFuture/HTML-CSS-Module-Project/2eafd55a92f7931f2ce6d3264a4ea98a9488dc7e/img/twitter-icon.svg"
+              alt="twitter-icon"
           /></a>
         </li>
         <li class="navigation_item">
           <a href="#"
             ><img
               class="logo_footer"
               src="https://raw.githubusercontent.com/CodeYourFuture/HTML-CSS-Module-Project/2eafd55a92f7931f2ce6d3264a4ea98a9488dc7e/img/facebook-icon.svg"
+              alt="facebook-icon"
           /></a>
         </li>
         <li class="navigation_item">
           <a href="#"
             ><img
               class="logo_footer"
               src="https://raw.githubusercontent.com/CodeYourFuture/HTML-CSS-Module-Project/2eafd55a92f7931f2ce6d3264a4ea98a9488dc7e/img/instagram-icon.svg"
+              alt="instagram-icon"
           /></a>
         </li>
       </ul>
diff --git a/store.html b/store.html
@@ -175,6 +175,7 @@
     <img
       class="img_store"
       src="https://github.com/BoshraM/HTML-CSS-Module-Project/blob/master/level-2/store-image_by-andrew-neel-unsplash.jpg?raw=true"
+      alt="store-img"
     />
     <footer>
       <p class="footer_title">Join us on</p>
@@ -184,12 +185,14 @@
           <a href="#"
             ><img
               class="logo_footer"
+              alt="twitter-icon"
               src="https://raw.githubusercontent.com/CodeYourFuture/HTML-CSS-Module-Project/2eafd55a92f7931f2ce6d3264a4ea98a9488dc7e/img/twitter-icon.svg"
           /></a>
         </li>
         <li class="navigation_item">
           <a href="#"
             ><img
+              alt="facebook-icon"
               class="logo_footer"
               src="https://raw.githubusercontent.com/CodeYourFuture/HTML-CSS-Module-Project/2eafd55a92f7931f2ce6d3264a4ea98a9488dc7e/img/facebook-icon.svg"
           /></a>
@@ -198,6 +201,7 @@
           <a href="#"
             ><img
               class="logo_footer"
+              alt="instagram-icon"
               src="https://raw.githubusercontent.com/CodeYourFuture/HTML-CSS-Module-Project/2eafd55a92f7931f2ce6d3264a4ea98a9488dc7e/img/instagram-icon.svg"
           /></a>
         </li>
