38
JAN is a service of the U.S. Department of Labor’s Office of Disability Employment Policy. 1 Website and Multimedia Accessibility

Website and Multimedia Accessibility

  • Upload
    liuz

  • View
    40

  • Download
    0

Embed Size (px)

DESCRIPTION

Website and Multimedia Accessibility. Website/Multimedia Accessibility. Overview 1. About JAN 2. Best Practices 3. SNAP Tool Example 4. Questions. Website/Multimedia Accessibility. Consultation Job Accommodations All industries All job categories All impairments Employment Legislation - PowerPoint PPT Presentation

Citation preview

Page 1: Website and Multimedia Accessibility

JAN is a service of the U.S. Department of Labor’s Office of Disability Employment Policy.

1

Website and Multimedia Accessibility

Page 2: Website and Multimedia Accessibility

Website/Multimedia Accessibility

Overview

1. About JAN

2. Best Practices

3. SNAP Tool Example

4. Questions

2

Page 3: Website and Multimedia Accessibility

Website/Multimedia Accessibility

Consultation Job Accommodations

All industries All job categories All impairments

Employment Legislation Americans with Disabilities Act Rehabilitation Act

3

Page 4: Website and Multimedia Accessibility

Website/Multimedia Accessibility

Technical Assistance Free National Easy to Use Audience Focused

Employers Individuals Service Providers Others

4

Page 5: Website and Multimedia Accessibility

Website/Multimedia Accessibility

Knowledge Exchange Over 40,000 Contacts

Telephone Email JAN on Demand Live Chat Social Networks

5

Page 6: Website and Multimedia Accessibility

Website/Multimedia Accessibility

Knowledge Exchange Over 3.5 million Webpage Requests

News ([email protected]) Publications and Resources JAN en Español

6

Page 7: Website and Multimedia Accessibility

Work As Your Partner Accessible Video/Audio Accessible Documents Accessible Webcasts/Webinars Accessible Distance Education Accessible Social Networks Accessible Online Application Systems Accessible Websites

Where to start? Be aware.

Website/Multimedia Accessibility

7

Page 8: Website and Multimedia Accessibility

Best Practices

Website/Multimedia Accessibility

8

Page 9: Website and Multimedia Accessibility

1. Review distance learning and online application systems.

Responsibility: Provide usable and understandable alternatives.

Example: Explain to students, employees, and applicants with disabilities how they can get help using the online system and how to request reasonable accommodation.

9

Website/Multimedia Accessibility

Page 10: Website and Multimedia Accessibility

10

Website/Multimedia Accessibility

Reasonable AccommodationDistance learning students with disabilities may contact XXX coordinators via telephone, fax, e-mail, and other means to request and arrange for accommodations.

Page 11: Website and Multimedia Accessibility

Welcome to the Hiring Center

Please read the following statement carefully:

XXXXX offers reasonable accommodation in the employment process for individuals with disabilities. If you need assistance in the application or hiring process to accommodate a disability, you may request an accommodation at any time. Please contact any member of management at your nearest XXXXX facility.

XXXXX is an Equal Opportunity Employer- By Choice.

Website/Multimedia Accessibility

11

Page 12: Website and Multimedia Accessibility

Website/Multimedia Accessibility

XXXXX

12

Page 13: Website and Multimedia Accessibility

2. Use text descriptions for visual material.

Responsibility: Know the difference between essential and repetitive text descriptions; descriptions for nonessential visual material are unnecessary.

Example: Images containing content are treated differently than those with bullets.

13

Website/Multimedia Accessibility

Page 14: Website and Multimedia Accessibility

3. Caption audio and video.

Responsibility: A determination of open, closed, and/or audio captions must be made based on audience, venue for distribution, and script.

Example: The JAN YouTube script includes descriptive captions.

14

Website/Multimedia Accessibility

Page 15: Website and Multimedia Accessibility

4. Maintain consistent page design.

Responsibility: Headers, footers, content, and page navigation should be included in style sheets and given a skip option if applicable. Cognitive-related design elements are the most often overlooked.

Example: Dropdowns/footers should not vary.

15

Website/Multimedia Accessibility

Page 16: Website and Multimedia Accessibility

5. Minimize reliance on color.

Responsibility: Use computer generated testers to show visually what sites will look like to others.

Example: Red/green and blue/yellow are often misinterpreted.

16

Website/Multimedia Accessibility

Page 17: Website and Multimedia Accessibility

6. Allow keyboard navigation.

Responsibility: Usability tests can ensure tab order fits the user’s needs.

Example: Built-in tab order may need overridden.

17

Website/Multimedia Accessibility

Page 18: Website and Multimedia Accessibility

7. Program items with audio, video, and motion elements with controls.

Responsibility: Stop, go, pause, and volume elements should be tested “hands-on.”

Example: Skins may not accurately indicate ability to control elements.

18

Website/Multimedia Accessibility

Page 19: Website and Multimedia Accessibility

8. Program the default human language of each page.

Responsibility: The need to analyze accurate content to a user is not a judgment call.

Example: Use assistive technologies such as Braille translators and screen reading software.

19

Website/Multimedia Accessibility

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html lang="en"><!-- InstanceBegin template="/Templates/atozdisabilities.dwt" codeOutsideHTMLIsLocked="false" -->

Page 20: Website and Multimedia Accessibility

9. Provide users with accessible documents.

Responsibility: To fully test documents for accessibility, they need to be accessed and reviewed for logical order and descriptions.

Example: Use free screen reading software to review documents.

20

Website/Multimedia Accessibility

http://www.nvda-project.org/

Page 21: Website and Multimedia Accessibility

10. Evaluate the Website.

Responsibility: Automatic checking is not asubstitute for manually testing a Website for accessibility.

Example: Use tools to test with multiple versions of browsers.

21

Website/Multimedia Accessibility

Page 22: Website and Multimedia Accessibility

SNAP Your Online System Into Shape

1) Select your team,

2) No is not an answer,

3) Accept challenges, and

4) Prioritize accessibility first.

22

Website/Multimedia Accessibility

Page 23: Website and Multimedia Accessibility

green (fully accessible) yellow (partially accessible) red (inaccessible) flags not applicable (NA)   

23

STEP # RESULT DESCRIPTION RELEVANCESTEPS FOR ANALYSIS

Website/Multimedia Accessibility

Page 24: Website and Multimedia Accessibility

24

1 GREENDoes the site allow navigation with a screen reader?

Website/Multimedia Accessibility

2 GREEN

Does the site provide text alternatives for all non-text content?

Page 25: Website and Multimedia Accessibility

25

3 GREEN

Does the site provide accessible multimedia (audio/visual (A/V) or alternatives) that allow users to understand the content?

Website/Multimedia Accessibility

Page 26: Website and Multimedia Accessibility

26

4 GREENDoes the site use other means of conveying information besides color?

Website/Multimedia Accessibility

Page 27: Website and Multimedia Accessibility

27

5 GREEN

Does the site allow users to lower the volume or completely turn off any background audio content?

Website/Multimedia Accessibility

Page 28: Website and Multimedia Accessibility

28

6 GREENDoes the site allow navigation by a user who does not use a mouse?

7 GREEN

Does the site provide users with enough time to read, understand, and interact with online content?

8 GREENDoes the site avoid content that flashes or blinks too quickly?

Website/Multimedia Accessibility

Page 29: Website and Multimedia Accessibility

29

9 GREEN

Does the site allow the default human language of each page to be programmatically determined?

Website/Multimedia Accessibility

Page 30: Website and Multimedia Accessibility

30

10 GREEN

Does the site present content in an organized manner that avoids unexplained changes in context?

11 GREENDoes the site help users avoid and correct mistakes?

Website/Multimedia Accessibility

Page 31: Website and Multimedia Accessibility

31

12 GREENDoes the site allow users to skip repetitive content?

13 GREEN

Does the site provide fully accessible PDFs, PowerPoint documents, and online forms?

Website/Multimedia Accessibility

Page 32: Website and Multimedia Accessibility

32

14RED

NOTE: Not found

Does the site display the school’s equal opportunity (EO) statement?

15RED

NOTE: Not found

Does the site explain to students with disabilities how they can get help using it and where to get reasonable accommodation if needed?

Website/Multimedia Accessibility

Page 33: Website and Multimedia Accessibility

Big Picture

Website/Multimedia Accessibility

33

Page 34: Website and Multimedia Accessibility

Include accessibility in the initial phases of purchasing, contracting, implementing, and updating

Make students, faculty, and applicants aware that they have accommodation choices

Use JAN for low-cost solutions, referrals, assistive technologies, and other technical assistance

Understand that 508-compliant is not always enough Reinforce that traditional accommodations may not

translate directly to electronic communications Have an overall process (with SNAP Tool) that

includes IT, disability services, students with disabilities, finance, and ADA coordinator

34

Website/Multimedia Accessibility

Page 35: Website and Multimedia Accessibility

Accessibility Issues: Individual Specific

Vision impairments – Descriptions for images, pictures, tables in text or in audio

Hearing impairments – Captions, transcripts, volume control

Mobility/dexterity impairments – Timed responses, browser compatibility for keyboard alternatives for mouse commands, tab order

Cognitive impairments – Text to audio, distracting visuals, silence audio, complex language, lack of graphics, lack of clear and consistent organization

35

Website/Multimedia Accessibility

Page 36: Website and Multimedia Accessibility

ADA Amendments Act of 2008 (ADAAA) Section 503 of the Rehabilitation Act OCR Letters & Court Cases NPRM for Web Accessibility Delayed

36

Website/Multimedia Accessibility

Page 37: Website and Multimedia Accessibility

Questions

37

Website/Multimedia Accessibility

Page 38: Website and Multimedia Accessibility

Contact (800)526-7234 (V) & (877)781-9403 (TTY) AskJAN.org & [email protected]

38

Website/Multimedia Accessibility