WebAIM - Web Accessibility In Mind

E-mail List Archives

Images src has empty alt tag, but has a title, what to advise?

for

From: Birkir R. Gunnarsson
Date: Oct 25, 2011 11:15PM

Hi

I am reviewing a webpage with a lot of alt text issues.
In many places there are links with embedded images such as:
<li class="boxfors-first">

<a href="/frett/ras-1/saelkeraferd-listanna"
title="Menning"
class="fmynd fmynd3">
<img src="http://www.ruv.is/files/imagecache/frmynd-minni-120x90/myndir/voluspa_salur_0.jpg"
alt=""
title="Völuspá í Norræna húsinu. Áhorfendur fylhjast með sköpun jarðar."
class="imagecache imagecache-frmynd-minni-120x90 imagecache-default
imagecache-frmynd-minni-120x90_default" width="120" height="90" /></a>

<div class="frett"><h3>
<a href="/frett/ras-1/saelkeraferd-listanna">
Sælkeraferð listanna
</a></h3>
Völuspá í Norræna húsinu er sælkeraferð fyrir öll skilningarvitin.</div>
</li>

(www.ruv.is currently line 435, although it will change as news
stories are added).
Jaws does not read the title of the image, so I am wondering whether
to advise tht the alt attribute have the same text as the title
attribute.
What complicates this further is that the headline after the picture
(the link after the picture in other words) contains basically the
same information as the title of the image.
The effectof this, for Jaws with IE at lesat, is that it shows an empy
line with a bullet at its beginning, like an empty list item.

So, do I advise that the alt attribute contina the same text as the
title attribute, or is there a way to hie the picture altogether from
screen readers (i.e., they seem to pick up on someting when the alt
attribute is empty, but the title element is not).
I hope this question is not too newbie, I am coing across new and
little things every day, now that I am more involved in the actual
nitty gritty of the code, and I'd like to get best practice advice. :)
Thanks very much
-Birkir

img