Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

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!