Make your web site more accessible - ten tips that also goes for mobile access

Web accessability initiative and mobile access Table-of-Contents 
  The WAP Forum Liaison
Change-size

1. Images, Photographs & Animations Use the alt attribute to concisely describe the function of all visuals.

2. Page Orientation Use headings, lists, table summaries, and clear and consistent page structure to make pages quick to scan.

3. Imagemaps Many people cannot use a mouse. Use client-side MAP to provide alternative text for imagemap hotspots.

4. Hypertext Links Descriptive link text improves access for those who cannot see. Ensure that each link makes sense when read alone.

5. Graphs & Charts Summarize Content or use the longdesc attribute.

6. Audio & Video Provide captions or transcripts of audio content, and text or audio descriptions of video content.

7. Scripts, Applets, Plug-ins Provide alternate content for scripting, applets or plug-ins so that no important information is lost when unsupported or turned off.

8. Frames Label each frame with title or name, and incluce a hypertext start-page in NOFRAMES element.

9. Tables Avoid using tables to format text columns. Make sure cell-by-cell reading order makes sense for tabular data.

10. Evaluate Validate the HTML & CSS of your site. Check accessibility with available tools, and with images, sounds and animations off.

See www.w3.org/WAI for complete Page Author Guidelines & techniques


Johan Hjelm, Ericsson/W3C

W3C

30 of 33