Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS Treehouse Club: CSS My First Web Page Text Editors and External Style Sheets

image alt attribute

What is the alt attribute next to where the image details go? What does it do, and what should be the field? Why is it always a name - does it have to be the same as the name of the image?

Thanks!

It's a alternative to browsers that can't display an image and/or for disabled people. You write a description of what the image is. You can write anything you want.

1 Answer

Michal Weizman
Michal Weizman
14,050 Points

Hi Violet,

The required alt attribute specifies an alternate text for an image, if the image cannot be displayed. The alt attribute provides alternative information for an image if a user for some reason cannot view it (because of slow connection, an error in the src attribute, or if the user uses a screen reader).

From w3schools

It does not have to be the same as the name of the image. Usually it will be more descriptive. I hope this helped.

So helpful, thank you!