/Access all areas/ Screen readers
15/05/2008 | Filed under Develop > Access all areas
In the first of a new series looking at different technologies, Alastair Campbell tackles the classic accessibility case: screen readers
The experience a user has on a site is formed by the technology they’re using. Aimed at people with little or no vision, the screen reader experience is the most different from the norm. For using a website, screen readers effectively sit on top of a standard browser, and go through elements in source code order.
You can sort of replicate what screen readers read out by turning off images and styles. Reading line by line will show any strange understanding or ordering issues. Outline images as well, to see which text is from an image, because a screen reader declares when it encounters an image. For example, if it’s a link, it will say “link, image, company logo”.
The underlying structure of a page is not only apparent to screen readers, it’s used within page navigation, enabling people to skim headings and other HTML elements. Using appropriate HTML is vital for screen readers, as headings, lists and tables all trigger certain responses.
Don’t forget that the person is using a regular browser. If you hide something with display:none in the CSS, it will often be hidden from screen readers. To provide extra information, move it offscreen with CSS. Also, JavaScript works, though sometimes updates to the page may not be available or obvious. Some common strategies for navigating a website with a screen reader are:
• Explore the first page by “arrowing” (going through everything), then use other methods to navigate.
• Tab through links, or use the software to open a list of all the links.
• Scan through heading.
• Bring up a list of links on the page.
One of the most annoying things you can do for screen reader users is to get the language wrong. An English sentence marked as French will sound like a bad ‘Allo ‘Allo episode, and French marked as English sounds like a Del Boy Trotter impression. In some cases, it will simply be unintelligible, so make sure you use the right value in the lang or xml:lang attributes. Usually, this just means changing the opening HTML tag to:
<html lang=”en”>
Popular screen readers on Windows are Jaws, Window-Eyes and Hal. Some of these have a free download that will work for a set time before requiring a reboot. On OS X, VoiceOver is built in and has been updated in 10.5 with much improved navigation within web pages.
Try a screen reader to get an impression of the experience, but don’t make decisions based on your experience. Without using it day in, day out, you won’t have the same experience and might make things worse. Stick with the W3C standards.
Comments
John Puddifoot / 03/06/2008 / 15:40 / http://www.bluehat.co.uk/
Randomly just came across this article having been testing a website using a screenreader this morning.
Although a lot of people preach about using their websites being accessible, I wonder how many actually go as far as testing in such a way.
JAWS is the screen reader that we were testing with which is well regarded.
