Accessible Images: Bad Alt Text Examples
Alt text (alternative text), also known as "alt attributes," or "alt descriptions," are used within an HTML code to describe the appearance and function of an image on a page.
Alt text uses:
1. Adding alternative text to photos is first and foremost a principle of web accessibility. Visually impaired users using screen readers will be read an alt attribute to better understand an on-page image.
2. Alt text will be displayed in place of an image if an image file cannot be loaded.
3. Alt text provide better image context/descriptions to search engine crawlers, helping them to index an image properly.
In this video, we'll take a look at some examples of bad alt text uses with images of text on Amazon and discuss just why good alt text is so important.
Questions? Comments? Concerns? Drop a comment down below!
Interested in learning about Accessibility? Check out my top rated Udemy courses for more details!
Web Content Accessibility Guidelines: https://bit.ly/3kH6qlK
Creating Accessible Websites: https://bit.ly/35OFkTx
Feeling social? So am I. Connect with me and other accessibility enthusiasts on Facebook: / webaccessibilityeducation
Have some spare change? Buy me a coffee: https://ko-fi.com/stef
Thank you for your continued support in liking, sharing, and watching my videos. Hit the Subscribe Button for more educational accessibility content just like this :-)
Stefany
Video Chapters:
0:00 Unrelated text alt attribute example
2:29 Why avoid images of text
4:19 Inaccessible null alt attribute example
Смотрите видео Accessible Images: Bad Alt Text Examples онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Web Accessibility Education 22 Март 2021, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 4,345 раз и оно понравилось 78 людям.