Download - Web accessibility and section 508 guideline

Transcript
Page 1: Web accessibility and section 508 guideline

What is Section 508 ?

1

• Section 508 is an amendment to the Workforce Rehabilitation Act of 1973, signed into law by President Clinton in 1998.

• Section 508 requires that information technology that is developed by or purchased by the Federal Agencies be Accessible by people with disabilities.

Page 2: Web accessibility and section 508 guideline

54 million Americans has a disability, that’s 10% of the population (2000 U.S. Census)

• 10 million Americans are Vision impaired

• 20 million Americans are Hearing impaired

Why Accessible is important

2

Page 3: Web accessibility and section 508 guideline

Vision Impaired

3

Page 4: Web accessibility and section 508 guideline

Vision Impaired

4

Page 5: Web accessibility and section 508 guideline

Vision Impaired

5

Page 6: Web accessibility and section 508 guideline

How do they surf Web

6

• Can not see the Screen

• Can not use the Mouse or Pointer system

• Can not use Keyboard

• Can not hear the Audio

Page 7: Web accessibility and section 508 guideline

Where do Seniors go?

7

Page 8: Web accessibility and section 508 guideline

Where do Seniors go?

8

Page 9: Web accessibility and section 508 guideline

Web Usability for Senior

Difference? Special Requirement?

9

Page 10: Web accessibility and section 508 guideline

Web Usability for Senior

Difference? Special Requirement?

10

Senior Web Usability Test by Nielsen Norman Group

Page 11: Web accessibility and section 508 guideline

Web Usability for Senior

Difference? Special Requirement?

11

Result: Yes! Current websites are Twice as hard to use for seniors as for non-seniors

Senior Web Usability Test by Nielsen Norman Group

Page 12: Web accessibility and section 508 guideline

Why Usability is Lower for Seniors?

• Designer - Young design for senior - Design mental model(VMM)

12

Page 13: Web accessibility and section 508 guideline

Why Usability is Lower for Seniors?

• Designer - Young design for senior - Design mental model(VMM)

• Seniors - Physical changes (vision, motor control, memory)

- Computer/Web experience - Older hardware and software

(resolution, browser, network)

13

Page 14: Web accessibility and section 508 guideline

Best Practice 1/3

1 Physical Improvement• Readability – Font(>12pt), High contrast,

White space, short lines, consistent UI

• Motor Control – Large Links, Button, Menu, standard Scrolling (<2 screen)

• Memory – Navigation, Breadcrumb, Site map

14

Page 15: Web accessibility and section 508 guideline

Best Practice 2/3

2 Computer / Web experience • Language - simple , 8th grade level

• Avoid using jargon, abbreviation

• Forggiving design - error,cancel,back

• Help & Contact number

15

Page 16: Web accessibility and section 508 guideline

Best Practice 3/3

3 Older Computer Environment• Browser – support IE6, etc

• Screen resolution –liquid layout

• Connectivity – compress file size

16

Page 17: Web accessibility and section 508 guideline

“Making your website Senior Friendly Checklist ”by National Institute on Aging (NIA)

Resources

17

Page 18: Web accessibility and section 508 guideline

Subpage of National Institute on Aging website

Is NIA site Senior Friendly?

18

Page 19: Web accessibility and section 508 guideline

Thank you !

19

Page 20: Web accessibility and section 508 guideline

Thank you !

Questions?

20