Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML How to Make a Website Creating HTML Content Add Social Media Links

Toyo Garber
Toyo Garber
302 Points
Posted by Toyo Garber
Toyo Garber
302 Points

When I check my work I'm getting an error message saying "Be sure you add alt text to your Twitter link." Why?

My code is below— when I check my work I'm receiving an error message saying that I need to add alt text to my Twitter link, even though I've already added the exact same alt text I used successfully in the previous exercise.

<img src="img/twitter-wrap.png" alt"Twitter Logo">

index.html 
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Nick Pettit</title>
  </head>
  <body>
    <header>
      <a href="index.html">
        <h1>Nick Pettit</h1>
        <h2>Designer</h2>
      </a>
      <nav>
        <ul>
          <li><a href="index.html">Portfolio</a></li>
          <li><a href="about.html">About</a></li>
          <li><a href="contact.html">Contact</a></li>
        </ul>
      </nav>
    </header>
    <section>
      <ul>
        <li>
          <img src="img/numbers-01.jpg" alt="">
        </li>
        <li>
          <img src="img/numbers-02.jpg" alt="">
        </li>
        <li>
          <img src="img/numbers-06.jpg" alt="">
        </li>
      </ul>
    </section>
    <footer>
      <img src="img/facebook-wrap.png" alt"facebook logo">
      <img src="img/twitter-wrap.png" alt"twitter logo">
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>

3 Answers

Andrew Booth
Andrew Booth
1,578 Points
Andrew Booth
Andrew Booth
1,578 Points

To explain in more detail, the code example you have given us is MOSTLY correct, but you forgot to add a "=" after the alt attribute, which is essential in HTML. Why? It's due to the alt attribute needing a value, which the "=" sign helps the code identify that what comes next INSIDE the quotes are indeed the value that is being given to the alt attribute.

The alt attribute (alternate) is used (in case you didn't know), as an alternative for when an error occurs for whatever reason that would NOT result in the image or whatever from displaying correctly, therefore the alt attribute is used in those instances.

ex.

<img src="yourfile.jpg" alt="The image could not be displayed.">

If you have any further questions, just ask.

If I have not answered your question, please give me a more detailed question or background so I can go into more detail on this problem you are facing.

derekverrilli
derekverrilli
8,841 Points
derekverrilli
derekverrilli
8,841 Points

You're missing the = sign. alt="..."