Merge pull request TheOdinProject#202 from Amandasilvbr/alt-text

Flex and Foundations: add alt text for accessibility (TheOdinProject#201)
Gil-Gaitan · Jul 25, 2022 · 35adbf6 · 35adbf6
2 parents 2085586 + 1a409ec
commit 35adbf6
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 10 deletions.
diff --git a/flex/06-flex-layout/index.html b/flex/06-flex-layout/index.html
@@ -19,7 +19,7 @@
       </ul>
     </div>
     <div class="content">
-      <img src="./logo.png" alt="">
+      <img src="./logo.png" alt="Project logo. Represents odin with the project name.">
       <div class="input">
         <input type="text">
       </div>

diff --git a/flex/06-flex-layout/solution/solution.html b/flex/06-flex-layout/solution/solution.html
@@ -19,7 +19,7 @@
       </ul>
     </div>
     <div class="content">
-      <img src="./logo.png" alt="">
+      <img src="./logo.png" alt="Project logo. Represents odin with the project name.">
       <div class="input">
         <input type="text">
       </div>

diff --git a/foundations/04-chaining-selectors/index.html b/foundations/04-chaining-selectors/index.html
@@ -10,13 +10,13 @@
   <body>
     <!-- Use the classes BELOW this line -->
     <div>
-      <img class="avatar proportioned" src="./pexels-katho-mutodo-8434791.jpg" alt="">
-      <img class="avatar distorted" src="./pexels-andrea-piacquadio-3777931.jpg" alt="">
+      <img class="avatar proportioned" src="./pexels-katho-mutodo-8434791.jpg" alt="Woman with glasses">
+      <img class="avatar distorted" src="./pexels-andrea-piacquadio-3777931.jpg" alt="Man with surprised expression">
     </div>
     <!-- Use the classes ABOVE this line -->
     <div>
-      <img class="original proportioned" src="./pexels-katho-mutodo-8434791.jpg" alt="">
-      <img class="original distorted" src="./pexels-andrea-piacquadio-3777931.jpg" alt="">
+      <img class="original proportioned" src="./pexels-katho-mutodo-8434791.jpg" alt="Woman with glasses">
+      <img class="original distorted" src="./pexels-andrea-piacquadio-3777931.jpg" alt="Man with surprised expression">
     </div>
   </body>
 </html>
diff --git a/foundations/04-chaining-selectors/solution/solution.html b/foundations/04-chaining-selectors/solution/solution.html
@@ -9,12 +9,12 @@
   </head>
   <body>
     <div>
-      <img class="avatar proportioned" src="../pexels-katho-mutodo-8434791.jpg" alt="">
-      <img class="avatar distorted" src="../pexels-andrea-piacquadio-3777931.jpg" alt="">
+      <img class="avatar proportioned" src="../pexels-katho-mutodo-8434791.jpg" alt="Woman with glasses">
+      <img class="avatar distorted" src="../pexels-andrea-piacquadio-3777931.jpg" alt="Man with surprised expression">
     </div>
     <div>
-      <img class="original proportioned" src="../pexels-katho-mutodo-8434791.jpg" alt="">
-      <img class="original distorted" src="../pexels-andrea-piacquadio-3777931.jpg" alt="">
+      <img class="original proportioned" src="../pexels-katho-mutodo-8434791.jpg" alt="Woman with glasses">
+      <img class="original distorted" src="../pexels-andrea-piacquadio-3777931.jpg" alt="Man with surprised expression">
     </div>
   </body>
 </html>