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

Posted by Paschal Amize
Paschal Amize
473 Points

<img src="img/twitter-wrap.png" alt=""> Isn't this the correct coding for the twitter logo? Please advise me on this.

<img src="img/twitter-wrap.png" alt=""> Isn't this the correct coding for the twitter logo? Please advise me on this. The error message i received says that I should not forget to add the alt attribute which i already did as shown above.

Please help me.

Thanks

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="">
      <img src="img/twitter-wrap.png" alt="">
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>

4 Answers

Joe Rizza
Joe Rizza
8,513 Points
Joe Rizza
Joe Rizza
8,513 Points

The alt attribute must contain something valid for the challenge to pass.

      <img src="img/facebook-wrap.png" alt="fb"/>
      <img src="img/twitter-wrap.png" alt="tw"/>
Joshua Edwards
Joshua Edwards
52,175 Points
Joshua Edwards
Joshua Edwards
52,175 Points

I believe you have to actually put some sort of text in the alt attribute for it to pass the tests.

Biwash Lama
Biwash Lama
13,772 Points
Biwash Lama
Biwash Lama
13,772 Points

I think you are trying to run code in the challenge section. It would work in work space and other editors. However, its always good idea to add alt attribute with picture description.

katherinecontreras
katherinecontreras
1,699 Points
katherinecontreras
katherinecontreras
1,699 Points

You need to put a description or name inside the quotes after the alt. This is the text alternative to the image. For example alt="Twitter logo" You will also want to add these alt texts for the Facebook logo and the three 'numbers' images above them.

Here is a link to more info about alt text : http://www.w3.org/TR/WCAG20-TECHS/H37.html

Hope that helps!