Designing Accessible Websites

Designing Accessible Websites

People who are blind or vision impaired use adaptive technology to present screen text and graphics in an accessible manner. This is either done by magnifying text and images, or by presenting text as spoken word or braille output. In order for web pages to be useful and navigable using this technology, it is necessary for site developers to follow basic principles of universal design.

Listed below are points to bear in mind when creating websites that can be accessed successfully by blind and vision impaired people using adaptive technology. For a much more detailed listing and explanation, please visit the official website of Web Accessibility Guidelines 1.0.

1. Provide a text equivalent for all non-text elements.

This includes images, dividing lines, button graphics, banners, image maps, animations etc. When using speech output technology, blind users will get no feedback or a meaningless “graphic” message unless you have provided a text alternative. If using “spacer” graphics, include a blank alt text tag. (Refer W3C WCAG Guideline 1.1).

2. Make Alt-tagged text for graphics meaningful.

If a graphic is a link, then the Alt-tag should indicate where the link goes, e.g. “Link to Products Page”. Avoid meaningless text such as “Click here”. If the graphic is not a link, then make the tag descriptive of the image content, e.g. “Dividing line” or “Group Photograph of the ABC Sales Team” (Refer W3C WCAG Guideline 13.1).

3. Don’t rely on colour alone to convey information.

This will make information inaccessible to people using speech output technology, or who cannot distinguish colours. Ensure that good colour contrast exists between foreground and background elements. (Refer W3C WCAG Guidelines 2.1 and 2.2)

4. Ensure that all navigable areas on the site can be reached using keyboard equivalents.

Blind users will not be using a mouse. Can you reach all links, form elements, etc using the Tab key? Java script “rollover” menus will generally not be accessible using the keyboard. (Refer W3C WCAG Guideline 9)

5. Use markup and style sheets and do so properly.

Mark up documents with the proper structural elements. Control presentation with style sheets rather than with presentation elements and attributes. (Refer W3C WCA Guideline 3)

6. Don’t use PDF files as the sole means of downloading information from your site.

Currently, PDF files are difficult and inconvenient to access using speech output technology. They are effectively a “graphic” of an original document and must be converted back to text in order to be accessible via speech. This can prove very difficult for a blind user. Instead, offer RTF or HTML equivalents of your PDF files for download from your site. Most blind users will be able to access these alternative formats.

7. If using Shockwave or other multimedia scripts on your site, ensure that users can Tab to a link to skip them and move to the main page.

Incorporate sound into multimedia so that blind users know they have reached your site and are not still waiting for it to load. Always ensure that there is an Alt-tagged, keyboard-navigable link on any introductory multimedia page that will allow a blind user to move past the page into the site.

8. If all else fails and you are unable to make your site accessible and still incorporate the look and feel you want for your site, provide a Text Only version of your site that blind users can access separately.

Generally, this should not be necessary if some thought and planning are incorporated into your website design process.

9. Attempt to make your site compatible with all browsers.

Many blind and vision impaired people use older versions of Netscape and Microsoft browsers.

10. Look for the definitive standards on accessible website design at the World Wide Web Consortium Web Accessibility Initiative site at:

This site also provides a wealth of information on accessible website design, including guidelines, techniques and reference tools for developers.

11. An excellent introduction to how people with disabilities use the web, including examples specific to people with vision loss and a discussion of access technologies, can be found at the World Wide Web Consortium site at

12. People who are totally blind use “screen reader” software which outputs screen content as speech. The best way to test a site to see if it works with these programs is to try it for yourself. Free, fully-functional demonstration versions of the main screen reader applications that are in common use can be downloaded from: JAWS from

13. People who are vision impaired (i.e., who have some useable vision) may use “screen magnification” software to magnify the screen content to an appropriate size.

14. Just Ask by Shawn Henry is a useful reference that helps designers include
accessibility in developing websites, software, hardware and consumer products.

A free online version of Just Ask is available at

List of Access Technologies Developers:

1. Freedom Scientific: To develop, manufacture, and market technology-based products that provide equal access to information and computing for those with vision impairments or learning disabilities.

2. GWMicro: Since 1990, GW Micro has been a trusted pioneer in the adaptive technology industry, and continues to lead with innovative, customer driven solutions.

3. Dolphin Systems Access: Dolphin is dedicated to improving the lives of people with vision and print impairments. Our range of software products, for people with low vision, dyslexia and other reading difficulties, exist to give independence – to make information accessible to everyone, wherever they are.

4. Humanware: HumanWare provides intuitive and intelligent solutions through Braille and speech, low vision, digital talking books, and GPS products.

5. Index Braille Accessibility: Leader in Braille and Accessibility products.

6. Nuance: The Leading Supplier of Speech Recognition, Imaging, PDF and OCR

7. Duxbury Systems: Braille translation software.

8. Sendero Group: Develops and sells Global Positioning System (GPS) and maps programs for the Blind.

Leave a Reply