Please help me solve this. Its saying "Each img element should have an alt attribute with an appropriate value

HTML-CSS
1

Im trying to create the travel agency website in html

this is my code:

 <a href="https://www.freecodecamp.org/learn" target="_blank"><img src="https://cdn.freecodecamp.org/curriculum/labs/alps.jpg alt="Modern-architecture"></a>
2

It is best to use the Ask for Help button so we get a link to the Step.

Look at the colors of the parts of your code. That gives you a hint about something you’re missing. The names of attributes should be showing up in blue. Is your alt attribute showing up as blue? Why not?

3

Tell us what’s happening:

It keep saying each img element should have an alt attribute with an appropriate value. This is the code
Coastal sea view

the attribute didnt change to blue color as well

Your code so far

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="description" content="Your one stop travel agency offering amazing vacation packages worldwide">
  <title>Travel Agency Page</title>
</head>
<body>
  <h1>Discover Nigeria</h1>
  <p>Culture, music, food, nature, and more. Choose among our wide selection of guided tours and excursions, and live an unforgettable experience exploring Nigeria.</p>
  <h2>Packages</h2>
  <p>We offer an extensive range of holiday solutions to accommodate the needs of all our clients. From daily excursions in the most beautiful cities, to thorough tours of hidden villages and medieval towns to discover Nigeria's lesser-known sides.</p>
  <ul>
    <li><a href="https://www.freecodecamp.org/learn" target="_blank">Group Travels</a></li>
    <li><a href="https://www.freecodecamp.org/learn" target="_blank">Private Tours</a></li>
  </ul>
  <h2>Top Itineraries</h2>
  <figure>
    <a href="https://www.freecodecamp.org/learn" target="_blank">
   <img src="https://cdn.freecodecamp.org/curriculum/labs/colosseo.jpg" alt="The Colloseum in rome">
   </a>
    <figcaption>National Treasures of  Nigeria</figcaption>
  </figure>
  <figure>
    <a href="https://www.freecodecamp.org/learn" target="_blank">
    <img src="https://cdn.freecodecamp.org/curriculum/labs/alps.jpg alt="Swiss Alps mountain range">
    </a>
     <figcaption>Argugun festival</figcaption>
  </figure>
   <figure>
    <a href="https://www.freecodecamp.org/learn" target="_blank">
    <img src="https://cdn.freecodecamp.org/curriculum/labs/sea.jpg" alt="Coastal sea view">
    </a>
    <figcaption>Third Mailand Bridge Lagos, Nigeria</figcaption>
  </figure>
</body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/134.0.0.0 Safari/537.36

Challenge Information:

Build a Travel Agency Page - Build a Travel Agency Page

4

I would read this and reply

5

Only one of the img attribute is showing blue, others are not showing and i dont know whats wrong

6

What is the color that those alt attributes are showing up as instead? What else is that color? (Note, don’t mix up the keyword alt and the value for the alt attribute)

7

the value for the alt attribute is displayed in orange color

8

I’m asking about the alt keyword though. That’s supposed to be blue. Is every alt keyword blue?

Where does the color change here

9 
<img src="https://cdn.freecodecamp.org/curriculum/labs/sea.jpg" alt="Coastal sea view">

check this out

10

I’m not sure what I’m supposed to check out about that?

11 
<img src="https://cdn.freecodecamp.org/curriculum/labs/sea.jpg" alt="Coastal sea view">

this is code. i can’t find any error there but it keep saying the alt should have appropriate value

12

That alt attribute is fine. Not all of your alt attributes are fine though.

13

can you please point out the errors for me. i couldn’t move to the next phase

14

I already did.

Again, what looks wrong with the colors here?

15 
<img src="https://cdn.freecodecamp.org/curriculum/labs/sea.jpg" alt="Coastal sea view">

see this

16

I highly recommend answering the question I asked since it’s exactly why your code doesn’t work.

17

you said earlier that the alt attribute value have to be color blue. this is still showing green color and i dont know why

18

And what else is that green color?

19

I dont know maybe there is error in the code. You will see that the fitst code alt attribute value is in blue color

20

Ok, but what else is that green color?