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 trialToyo Garber
302 PointsWhen 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">
<!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>© 2013 Nick Pettit.</p>
</footer>
</body>
</html>
3 Answers
Andrew Booth
1,578 PointsTo 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
8,841 PointsYou're missing the = sign. alt="..."
Christopher Mlalazi
Front End Web Development Techdegree Graduate 17,305 Pointsderekverrilli has given the right answer. In src you have an = sign, and so should you have one too in alt.