Some of your site’s visitors may be visually impaired. Learn how you make the images accessible for them.
- [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.…
- [Computer] Here's a cute picture…to start this course.…
AuthorJ. David Eisenberg
- Using the img element
- Resizing images
- Obtaining images for your website
- Image formats and when to use them
- Styling images with CSS
- Adjusting borders, margins, and padding
- Adding background images
- Testing screen resolutions
- Autonumbering figures with CSS
Skill Level Intermediate
Design the Web: Responsive SVG Imageswith Chris Converse22m 46s Beginner
1. Image Essentials
2. Image Formats
3. Images and CSS
4. Responsive Images
Next steps1m 19s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.