# Image element's alt attribute

**URL:** <https://forum.freecodecamp.org/t/image-elements-alt-attribute/480392>\
**Category:** Curriculum Help\
**Tags:** css, html\
**Created:** [October 5, 2021, 8:11am UTC](https://forum.freecodecamp.org/t/image-elements-alt-attribute/480392 "2021-10-05T08:11:25Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![IAmKing](https://avatars.discourse-cdn.com/v4/letter/i/59ef9b/32.png) [@IAmKing](https://forum.freecodecamp.org/u/IAmKing)\
**Post date:** [October 5, 2021, 8:11am UTC](https://forum.freecodecamp.org/t/image-elements-alt-attribute/480392/1 "2021-10-05T08:11:25Z")

</div>

**Tell us what’s happening:**  
Describe your issue in detail here.  
Going by the instructions, my image element’s alt attribute isn’t empty but it keeps highlighting that as an issue. Where am i missing it?

```
  **Your code so far**

```

```html

<h2>CatPhotoApp</h2>
<main> 
<img src=https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg alt=A business cat wearing a necktie.>

<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/94.0.4606.61 Safari/537.36`

**Challenge:** Add Images to Your Website

**Link to the challenge:**

> **[freeCodeCamp.org](https://www.freecodecamp.org/learn/responsive-web-design/basic-html-and-html5/add-images-to-your-website)**
>
> Learn to Code — For Free

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [October 5, 2021, 8:36am UTC](https://forum.freecodecamp.org/t/image-elements-alt-attribute/480392/2 "2021-10-05T08:36:17Z")

</div>

> [@IAmKing](#):
>
> `alt=A business cat wearing a necktie.>`

attribute values must be surrounded in quotes, try with that first

---

<div class="post-metadata">

**Author:** ![IAmKing](https://avatars.discourse-cdn.com/v4/letter/i/59ef9b/32.png) [@IAmKing](https://forum.freecodecamp.org/u/IAmKing)\
**Post date:** [October 5, 2021, 12:24pm UTC](https://forum.freecodecamp.org/t/image-elements-alt-attribute/480392/3 "2021-10-05T12:24:02Z")

</div>

I did do that as well. I just don’t see what i’m missing

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [October 5, 2021, 12:37pm UTC](https://forum.freecodecamp.org/t/image-elements-alt-attribute/480392/4 "2021-10-05T12:37:52Z")

</div>

what’s your new code?

---

<div class="post-metadata">

**Author:** ![IAmKing](https://avatars.discourse-cdn.com/v4/letter/i/59ef9b/32.png) [@IAmKing](https://forum.freecodecamp.org/u/IAmKing)\
**Post date:** [October 6, 2021, 8:56am UTC](https://forum.freecodecamp.org/t/image-elements-alt-attribute/480392/5 "2021-10-06T08:56:45Z")

</div>

` <img src=https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg alt=A business cat wearing a necktie.>`

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [October 6, 2021, 9:39am UTC](https://forum.freecodecamp.org/t/image-elements-alt-attribute/480392/6 "2021-10-06T09:39:25Z")

</div>

please wrap the attribute values in quotes

* * *

I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (`</>`) to add backticks around text.

 ![Pre-formatted-text](https://global.discourse-cdn.com/freecodecamp/original/3X/1/b/1b18854f1059217f29370444396145cc3a0cd8ae.gif)

See [this post](https://forum.freecodecamp.org/t/forum-code-formatting/25574) to find the backtick on your keyboard.  
**Note:** Backticks (`) are not single quotes (’).

---

<div class="post-metadata">

**Author:** ![IAmKing](https://avatars.discourse-cdn.com/v4/letter/i/59ef9b/32.png) [@IAmKing](https://forum.freecodecamp.org/u/IAmKing)\
**Post date:** [October 6, 2021, 9:51am UTC](https://forum.freecodecamp.org/t/image-elements-alt-attribute/480392/7 "2021-10-06T09:51:38Z")

</div>

Thanks for the assistance. I’ve successfully gone past it

---

<div class="post-metadata">

**Author:** ![system](https://global.discourse-cdn.com/freecodecamp/original/3X/e/1/e1c433102e34b46dfaa3e15d13ab9a514b127078.svg) [@system](https://forum.freecodecamp.org/u/system)\
**Post date:** [April 6, 2022, 9:52pm UTC](https://forum.freecodecamp.org/t/image-elements-alt-attribute/480392/8 "2022-04-06T21:52:17Z")

</div>

Closed on April 6, 2022, 9:52pm UTC

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