Learn HTML by Building a Cat Photo App - Step 30

HTML-CSS
1

Tell us what’s happening:
Hi, so this is the TASK: Step 30
To improve accessibility of the image you added, add an alt attribute with the text:**Five cats looking around a field.

Describe your issue in detail here.
And have I not added the information in the code? I cant figure out whats wrong as I cant pass this step, it keeps saying that it is wrong. I tried adding also , but that didnt do anything. I looked up online the code for this step, and I have copied but still not working. : Sorry, your code does not pass. Try again.

## Hint**Your figure element should have an opening tag. Opening tags have this syntax: <elementName>.
Your code so far


<!-- User Editable Region -->

 <figure>     
  <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
      </figure>

<!-- User Editable Region -->

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/108.0.0.0 Safari/537.36

Challenge: Learn HTML by Building a Cat Photo App - Step 30

Link to the challenge:

2

Your code is correct. Restart step and if it doesn’t pass again, follow the note:
“Note: Some browser extensions, such as ad-blockers and dark mode extensions can interfere with the tests. If you face issues, we recommend disabling extensions that modify the content or layout of pages, while taking the course.”

3

Thank you, your suggestion worked.

1 Like
4

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