Internet
How to
Newspapers
Twitter
SEO advice
Categories: Featured, How to, Internet, Latest, SEO advice. Tags:

ALT text, accessibility and SEO

March 18, 2011 4 Comments

It's a given for most SEOs that if there's an image on a page, you should use ALT text on it with relevant keywords. But have you ever thought what that means for someone who is blind and is relying on the ALT text to tell them about the image? To find out, I asked an accessibility expert who's blind and uses a screen reader.

What ALT text is for

Search engines are supposed to use ALT text as a ranking factor - and ALT text is an accessibility requirement to help people using screen readers understand what the image is about (unless it's something to do with the design, like the corner of a box when you can use alt="" (null) instead).

But there are many, many cases where images contain no information - they're really just there to make the page look attractive, such as this picture of an eye.

Eyeball

See further down for what to do about captions and ALT text ...

With these images, forcing someone with a screen reader to listen to your keyword heavy ALT text sounds annoying - they don't end up any better informed.

How ALT text works in practice

But before I launched my campaign for people to stop using ALT text so much, I asked Robin Christopherson, who is Head of Digital Inclusion at Ability Net and also blind, a couple of questions, using this story on the Daily Telegraph site as an example.

Screenshot of Telegraph story

The offending picture with caption

It's a fairly typical news story in that the picture of Gaddafi at the top adds no information to the piece - it's basically decorative.

The ALT text of "Col Gaddafi was yesterday accused of ordering the deaths of thousands of protesters, but he refused to surrender as Libya descended into civil war" is identical to the caption underneath - and both are identical to a paragraph further down the page. Imagine having a screen reader read that out to you three times ...

So my two questions to Robin were:

  • As there is a caption, would setting the alt to null be better in this case from an accessibility point of view?
  • And that main image is what I would consider decorative - there is no information in there that adds to anyone's understanding of the story. Does that mean it's better to use alt ="" - or would users of screen readers generally prefer to know what the image is of (so EG alt="A picture of Colonel Gaddafi").

The views of an expert who is blind

Here's his reply:

Firstly I would say that it’s great that you care about minimising the level of clutter/repetition for screen reader users and want to achieve best practice in ALT tagging images.

In this case I would probably come down on the side of tagging [the Telegraph's picture] even though you get repetition - but not using ‘Picture of’ as this is not needed as the screen reader announces ‘Graphic XXX’ where XXX is the alt tag anyway.

The reason why I would tag it and not null tag it is because simply knowing there is an image there is sometimes useful info (for example in discussing the page with a colleague, or wanting to grab that image to paste elsewhere) and not knowing things are present on pages can be a disadvantageous position to be in.

Compared to the amount of hellish frustration screen readers have navigating around anyway the minor duplication in this instance is a mere nothing.

I know that this may be seen as an argument to null tag it so that the lives [of people who are blind] are made that tiny bit easier – but believe me no one would be frustrated by duplication on this level and we always appreciate knowing that accessibility has been considered on a page even though it might include a bit of duplication.

One last comment is that sometimes that image might be a link too. If the message got out that it’s fine to null tag images wherever there is a suitable caption below, then someone might null tag an image that is also a link – in which case a screen reader reads out the destination url despite the null tag (as screen reader developers consider these too important to ignore).

The last point is also the reason why, if you are going to have no ALT text, you should use ALT="" rather than leaving out the ALT tag. If you do leave it out, the screen readers will read out the file name, which will be as much of a pain as having a URL read out.

Conclusion

So I'm going to carry on using ALT text on my images, even when they contain no information (Update: And Robin asked me to point out that any imagery that really is "purely decorative eye candy" should still be null tagged). But let's all try to make ALT text as useful as possible - and work with our captions rather than duplicate them. And let's hold off on the keyword stuffing, too.

If you enjoyed this post, you'll probably enjoy my post on the usability of taps and their lessons for web design.

You might also like these posts on other websites (but read the tap one first, it's ace):

Picture credit.

You might also like
  1. How to make your infographics accessible and SEO friendly at the same time
  2. BT, BTconnect, javascript and accessibility
  3. The Guardian and accessibility
  4. Proof and implications of javascript passing anchor text and page rank in Google
  5. Are the courts blind to Google autosuggesting Fred Goodwin’s affair partner?

Share this post

Follow me on Facebook or Twitter

4 Comments »

  • Nick says:

    As a newbie to website creation and SEO this was really useful. I had read that images should be ALT tagged, and went around my site adding text, but only from an SEO viewpoint. I had not considered why they were necessary, apart from being required for SEO, particularly where the image was unambiguously something obvious.

    Your article bringing in the needs of someone using a screen reader is enlightening and I will definitely approach my ALT text differently from now on.

    I will look around the web, but any suggestions on where to find more information on creating sites that are friendly to screen readers as well as sighted readers?

  • [...] Alternative text and SEO: Malcolm Coles – a discussion on the overlap and potential conflict in using alternative text for search engine optimisation and to improve accessibility for visually impaired people. It includes the opinions of Robin Christopherson, accessibility advocate and screen reader user, who says that duplication and detail is better than no information at all. [...]

  • Cal says:

    Seriously, I love you! I don't know who you are or where you came from but reading your posts on SEO and Google's keyword tool and this... I have to say I am hooked on your blog. It's a fresh perspective on the issues that actually matter. Never before have I ever found anyone who looks deeper into the SEO game and doesn't take everyone's word for it.

    YOU ROCK Malcom!!! :)

Leave a comment!

Add your comment below, or trackback from your own site. You can also subscribe to these comments via RSS.

Be nice. Keep it clean. Stay on topic. No spam.

You can use these tags:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

This is a Gravatar-enabled weblog. To get your own globally-recognized-avatar, please register at Gravatar.