Introduction to HTML5 Elements for beginners

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
Hi there,
I would like to know what is the “alt” please

  **Your code so far**


<h2>CatPhotoApp</h2>
<main>
<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>
</main>

  **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:

2

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.">
3

Please try to give detailed information

4

I don’t understand your question?

5

There is a decent explanation in the instructions:

“All 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.

2 Likes
6

If you need more information:

1 Like
7

Hi ,
thank you very much for your response.

8

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.