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>
</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>

View File

@ -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>

View File

@ -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>

View File

@ -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>