Tell us what’s happening:
Describe your issue in detail here.
I would like to know what is the “alt” please
**Your code so far**
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" >
<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
**Your browser information:**
User Agent is:
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/100.0.4896.75 Safari/537.36
Challenge: Add Images to Your Website
Link to the challenge:
It’s in the second example:
Let’s add an
alt attribute to our
img example above:
<img src="https://www.freecatphotoapp.com/your-image.jpg" alt="A business cat wearing a necktie.">
Please try to give detailed information
I don’t understand your question?
There is a decent explanation in the instructions:
img elements must have an
alt attribute. The text inside an
alt attribute is used for screen readers to improve accessibility and is displayed if the image fails to load.”
“Note: If the image is purely decorative, using an empty
alt attribute is a best practice.”
These are the two primary reasons why the
alt attribute is important and required. If this doesn’t satisfy your thirst for knowledge then just google “alt attribute” and you will get plenty of links that go into more detail.
If you need more information:
thank you very much for your response.