<p dir="auto">For example, <code class="notranslate">alt</code> tag for <code class="notranslate">images</code> ...</p>
<p dir="auto">I just came across the following line of code in the second bootstrap waypoint:<br>
<code class="notranslate">&lt;a href="#"&gt;&lt;img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat"&gt;&lt;/a&gt;</code><br>
I cannot in good  conscience  ignore this. A screenreader will read the resulting output in the following, rather helpful manner:<br>
"link graphic<br>
I appreciate the waypoint about the alt-tag being included in the FCC curriculum, please let there be no doubt about that. But I do think if FCC wants to teach proper HTML/CSS, a grave mistake like this should not be allowed to exist and the advice in the waypoint about the alt-tag should be taken for FCC's waypoints, ziplines, bonfires and oher exercises as well.<br>
I also tripped over the lack of the 'for'-attribute in the label tag for forms. I suppose I can forgive that one for now since that attribute goes into some rather advanced semantic discussions and is exclusively for semantic correctness and accesibility, but I do hope this topic will be discussed at a later part in the curriculum. If not I'll have to write up a few waypoints meself, I reckon ;)<br>
For completeness, the URL where I came across the offending line of code is below:<br>
<a href="http://www.freecodecamp.com/challenges/waypoint-make-images-mobile-responsive" rel="nofollow">http://www.freecodecamp.com/challenges/waypoint-make-images-mobile-responsive</a></p>