From the course: HTML: Images and Figures
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Accessibility: alt and title attributes - HTML Tutorial
From the course: HTML: Images and Figures
Accessibility: alt and title attributes
- [Instructor] What happens if some of your users are blind or visually impaired? Let's take another look at the web page. This is what someone using a screen reader will hear. - [Computer] Here's a cute picture to start this course. Image. Hope you like it. - [Instructor] The only thing it read for the image was the word image. Not very helpful for the user to know what was in the image, was it? To solve this problem, you use the alt attribute. Alt stands for alternate text. The general rule for all text is to make a description for the people who can't see the screen. Sometimes it helps to pretend you're talking to someone on the phone and describing the picture to them. Let's add an alt attribute to the image of the teddy bear. In this case, the alt will equal a brown teddy bear with plaid scarf and stocking cap holding pink flowers. We'll save that, go back to the browser and reload. It doesn't show up on the screen but someone who's using a screen reader will hear this. -…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Download courses and learn on the go
Watch courses on your mobile device without an internet connection. Download courses using your iOS or Android LinkedIn Learning app.