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
Watch video Accessible Images: Bad Alt Text Examples online without registration, duration hours minute second in high quality. This video was added by user Web Accessibility Education 22 March 2021, don't forget to share it with your friends and acquaintances, it has been viewed on our site 4,345 once and liked it 78 people.