Maybe even worse than the above is this:
<div id=”fancybox-content”><div id=”fancybox-title”>
Empty link<span class=”fancy-ico” id=”fancybox-left-ico”>
Redundant linkEmpty link<span class=”fancy-ico” id=”fancybox-right-ico”>
</div></div></body></html>
which produces 2 empty links. (Bold my emphasis, “Empty link” and “Redundant linkEmpty link” from accessibility checker.)
Links need to have a purpose or else it may result in confusion for both the keyboard and screenreader user.
Any help to make the gallery more accessible is greatly appreciated!
