What fresh hell is THIS now? - Patrick Lauke
alt=""
instructs screenreaders to ignore it.
alt
emply?
<a href="url"><img src="img.jpg" alt="" /></a>
But how about this? Is this just as bad? <div class="monarchielist"> <ul class="clearfix"> <li> <div class="image"> <div class="graphic"><a href="koninklijkefamilies/engeland.php"><img src="../../../All Things Royal/Website/assets/img/landen/grootbrittannie.jpg" width="92" height="92" alt="" /></a></div> <div class="caption"><a href="koninklijkefamilies/engeland.php">Groot-Brittannië</a></div> </div> </li></ul></div>
<a href="england.php"><img><span>Groot-Brittannië</span></a>
graphic Airlift star [name of actor] and Neerja
?
"Sometimes developers have to be a bit sneaky. Demonstrating the perils of letting a code monkey write for a human audience can inspire a speedy change in workflow.
What barriers do you face when adding alt content to your images? What could you do about them? Could adapt current processes to include alt content at an earlier stage of the project? Can you modify your CMS so non-technical people can add text alternatives to their own images? I’d love to know your ideas to improve this essential aspect of sharing the web with everyone. Post them in the comments below."
I was reading about navigating to a section on a page using the hash, and how using focus on the target section allows keyboard users to continue navigating from that section as they might expect. The HTML goes something like:
<section id="section1" tabindex="-1"/>
This results in the section getting a focus outline. Visually, I think it’s disruptive to see the focus outline on an element that can’t actually be focused. Would it be appropriate, in this case, to hide the outline? Would the following CSS be too intrusive?
[tabindex="-1"] { outline: none; }
aria-hidden
: we set aria-hidden
by default, but when an aria-label
is set we'd remove the aria-hidden
. We could remove the role when it’s hidden but I guess that’d mainly be saving markup?
<img alt src=“blah.jpg”/>
just as valid as <img alt=“” src=“blah.jpg”/>
?