Presentation is loading. Please wait.

Presentation is loading. Please wait.

Five Tips to Improve Web Accessibility Presenter — Laurie Quon Los Alamos National Laboratory 2003 InterLab Conference Stanford Linear Accelerator Center.

Similar presentations


Presentation on theme: "Five Tips to Improve Web Accessibility Presenter — Laurie Quon Los Alamos National Laboratory 2003 InterLab Conference Stanford Linear Accelerator Center."— Presentation transcript:

1 Five Tips to Improve Web Accessibility Presenter — Laurie Quon Los Alamos National Laboratory 2003 InterLab Conference Stanford Linear Accelerator Center November 6, 2003 UNCLASSIFIED

2 Obstacles to Web Accessibility Elements invisible to assistive technology or add confusion/disorientation Disjointed flow of content No elements to communicate page structure

3 Tip 1 — Test Your Site Tab through links on site pages View pages on text browser such as Lynx Read pages using assistive technology such as JAWS or IBM Homepage Reader

4 Tip 1 — Test Your Site Look for Missing alt attributes in image tags Links do not appear in the intended order

5 HTML for Image Alt attribute For graphic images or graphic links

6 HTML for Image Alt attribute For spacer images or design images that do not communicate information

7 Tip 2 — Add “Skip Nav” Links To skip repeating content To jump directly to secondary site navigation To jump directly to page content

8 HTML for “Skip Nav” Links Skip Nav link using transparent gif Named Anchor Five Tips to Improve Web Accessibility

9 Tip 3 — Use Header Tags Communicates page structure Assists in page navigation Important to use appropriate-level headers — for Level 1 headers, etc.

10 Tip 4 — Clear and Logical Flow of Content Tables used for layout must not disrupt Place elements positioned with CSS in consecutive order Descriptive headers and links

11 Table — BAD Monday Tuesday Wednesday Thursday Friday Saturday

12 Table — GOOD Monday Tuesday Wednesday Thursday Friday Saturday

13 Tip 5 — Just Say “NO” NO image maps NO frames NO pop-up windows

14 Accessibility Resources World Wide Web Consortium http://www.w3c.org/WAI/Resources/ http://www.w3c.org/WAI/Resources/ WebAIM — accessibility project at Utah State University http://www.webaim.org/ http://www.webaim.org/ Lynx Viewer http://www.delorie.com/web/lynxview.html http://www.delorie.com/web/lynxview.html Lynx Install Downloads http://lynx.browser.org/ http://lynx.browser.org/ JAWS http://www.freedomscientific.com/fs_products/software_jaws.asp http://www.freedomscientific.com/fs_products/software_jaws.asp IBM Homepage Reader http://www-3.ibm.com/able/solution_offerings/hpr.html http://www-3.ibm.com/able/solution_offerings/hpr.html

15 Questions? Laurie Quon (505) 665-8200 lquon@lanl.gov


Download ppt "Five Tips to Improve Web Accessibility Presenter — Laurie Quon Los Alamos National Laboratory 2003 InterLab Conference Stanford Linear Accelerator Center."

Similar presentations


Ads by Google