The following are links to additional questions that our community has asked about this exercise:
This list will contain other frequently asked questions that aren’t quite as popular as the ones above.
Currently there have not been enough questions asked and answered about this exercise to populate this FAQ section.
This FAQ is built and maintained by you, the Codecademy community – help yourself and other learners like you by contributing!
Not seeing your question? It may still have been asked before – try searching for it by clicking the spyglass icon () in the top-right of this page. Still can’t find it? Ask it below by hitting the reply button below this post ().
Hey there !
You say to leave the alt attribute empty if it’s not needed. Does an image need an alt attribute (even empty) or is it possible to put only src and no alt attribute ?
Thanks !
I’m having trouble figuring out how to correctly add alt image attribute description - to the following code.
Where would this alt image attribute go?
When I place this attribute below the image source, the image description appears inpage to the right of the image and NOT when I mouseover the image as I think it should be.
So I’m almost quite certain that this is a bug. I added the <img src="link" alt="A brown bear nonchalantly stares at you" />, but when I hit “Run”, it keeps asking me if I entered the alt attribute…
The right side panel where it displays the output of the code is all of a sudden blank (only shows http://localhost:8000 at the top) and doesn’t load any of the code. This just happens when I’m inside this URL. When I go back a lesson it works fine, but without being able to complete this lesson, I cannot even proceed to the next by just skipping this one.
Edit: Was able to skip this error by clicking on “Solution”
The # (hash) when written in the location bar means current page. It is often used as a placeholder when we are writing our HTML structure. Once that is in place we can fill in the missing URLs.
If we see a link like this…
<a href="#">Top of Page</a>
that tells us clicking the link will cause the page to scroll back to the top.
Given we have a current page that means we can more closely define the hash to mean, “A fragment at this location”, which fragment may be the BODY, or any descendant of it.
Quite simply, when the image is window dressing with no content value (i.e., skin graphics, filler, random visual, etc.).
Another case is when textual content is represented in a graphic, and it is meaningful to the topic. For this element we would use the title attribute.
title="textual content in an image"
In both of the above cases we would not leave off the alt attribute, but leave the value empty.
Visit W3C’s Easy Checks page and read the section on how to handle image alts accessibly:
Recommendation to Codecademy for making the Image Alts exercise clearer -
Instead of saying " If the image on the web page is not one that conveys any meaningful information to a user (visually impaired or otherwise), the alt attribute should be left empty."
use the text and example directly from W3C to improve clarity and avoid misunderstanding: If an image is just decorative and people don’t need to know about the image, then it should have null alt ( alt=" " ).
It would also be useful to add links to the W3C to provide the best resource for accessibility questions.
I am also having trouble with the alt atribute. The code I used was I cannot figure out what is wrong with this code. I’ve also tried it both with and without a space before the closing tag. Whatever assistance someone can provide would be appreciated.
For those still haveing trouble making the alt text visible, just refer to a non exisitng location
The alt text wil be made visible when the image is not found