Design vs Art Blog

If possible, a text equivalent should be provided for all visual information in a website, like video, music and interactive graphics. There are several reasons why a description text should be included in a website design.

- Old browsers might not be able to display some multimedia files

- Some browsers might not have the necessary plugins and the user might not be able to update it (or might not want to)

- Impaired people could have problems interacting with multimedia

- Visually impaired people could need a text version of the multimedia file to be read by web readers

- Not every body has a high speed internet connection to download multimedia files

Why should you care?  Improving usability helps everybody surfing your website, not only the impaired ones. Imagine that you trying to teach something through multimedia content, like a video; giving text explanation of what is going on in that video could improve the understanding of the idea you are trying to teach.

An image or video says a lot, but you could add much more value to that if you provide equivalent text for that media. At the end, if the user is able to see that media anyways, the text will increase the understanding of the message you are trying to deliver.

Popularity: 11% [?]

Last Monday I wrote an article about the Quick Tips to Make Accessible Web Sites of the Web Accessibility Initiative of the W3C. I’ve promised to go through the quick tips, here is the first article.

"provide a text equivalent for every non-text element…"

The first tip is the one that recommends to provide a text equivalent for every non-text element, like an image, a video or a sound. I know, I don’t have to teach you about "alt", you know that, but many designers don’t use it.

alt="This is the alternative text!"

Alternative text is important for the impaired people surfing the web with screen readers, screen magnifiers or voice recognition software. Keep in mind that alternative text should not only be there but it should also be clear and representative of the content that is replacing.

Implementing this technique takes time but they improve the whole website usability, which means that users will feel more comfortable using the site (this means more visits and more money!). Users not always have the last computer with the last browser so it could be that many of your customers will be seeing the alternative text instead of an image, video or sound.

Google places an alternative text for the Google Checkout logo, without it a user that can not see images would get the incomplete phrase "Show ___ items only". You might also notice that here the alternative text "Show Google Checkout items only" could also help users seeing the image but not understanding this combination of text and image "Show [Google Checkout logo] items only".

Popularity: 9% [?]