Merge pull request #202 from Amandasilvbr/alt-text

Flex and Foundations: add alt text for accessibility (#201)
This commit is contained in:
Daniel Murphy 2022-07-25 17:41:01 -04:00 committed by GitHub
commit 35adbf6686
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 10 additions and 10 deletions

View file

@ -19,7 +19,7 @@
</ul> </ul>
</div> </div>
<div class="content"> <div class="content">
<img src="./logo.png" alt=""> <img src="./logo.png" alt="Project logo. Represents odin with the project name.">
<div class="input"> <div class="input">
<input type="text"> <input type="text">
</div> </div>

View file

@ -19,7 +19,7 @@
</ul> </ul>
</div> </div>
<div class="content"> <div class="content">
<img src="./logo.png" alt=""> <img src="./logo.png" alt="Project logo. Represents odin with the project name.">
<div class="input"> <div class="input">
<input type="text"> <input type="text">
</div> </div>

View file

@ -10,13 +10,13 @@
<body> <body>
<!-- Use the classes BELOW this line --> <!-- Use the classes BELOW this line -->
<div> <div>
<img class="avatar proportioned" src="./pexels-katho-mutodo-8434791.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=""> <img class="avatar distorted" src="./pexels-andrea-piacquadio-3777931.jpg" alt="Man with surprised expression">
</div> </div>
<!-- Use the classes ABOVE this line --> <!-- Use the classes ABOVE this line -->
<div> <div>
<img class="original proportioned" src="./pexels-katho-mutodo-8434791.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=""> <img class="original distorted" src="./pexels-andrea-piacquadio-3777931.jpg" alt="Man with surprised expression">
</div> </div>
</body> </body>
</html> </html>

View file

@ -9,12 +9,12 @@
</head> </head>
<body> <body>
<div> <div>
<img class="avatar proportioned" src="../pexels-katho-mutodo-8434791.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=""> <img class="avatar distorted" src="../pexels-andrea-piacquadio-3777931.jpg" alt="Man with surprised expression">
</div> </div>
<div> <div>
<img class="original proportioned" src="../pexels-katho-mutodo-8434791.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=""> <img class="original distorted" src="../pexels-andrea-piacquadio-3777931.jpg" alt="Man with surprised expression">
</div> </div>
</body> </body>
</html> </html>