Presentation is loading. Please wait.

Presentation is loading. Please wait.

JAN is a service of the U.S. Department of Labors Office of Disability Employment Policy. 1 Your Website into Shape Beth Loy, Ph.D., Principal Consultant.

Similar presentations


Presentation on theme: "JAN is a service of the U.S. Department of Labors Office of Disability Employment Policy. 1 Your Website into Shape Beth Loy, Ph.D., Principal Consultant."— Presentation transcript:

1 JAN is a service of the U.S. Department of Labors Office of Disability Employment Policy. 1 Your Website into Shape Beth Loy, Ph.D., Principal Consultant Linda Carter Batiste, J.D., Principal Consultant

2 Work As Your Partner: Accessible Videos Accessible Documents Accessible Webcasts/Webinars Accessible Social Networks Accessible Online Application Systems Accessible Websites JAN: SNAP! 2

3 SNAP Your Website into Shape 1) Select your team, 2) No is not an answer, 3) Accept challenges, and 4) Prioritize accessibility first. JAN: SNAP! 3

4 Overview 1. Legal Issues 2. Best Practices 3. SNAP Tool Example 4. Questions 4

5 Legal Issues JAN: SNAP! 5

6 Americans with Disabilities Act 6

7 JAN: SNAP! Rehabilitation Act 7

8 JAN: SNAP! On the Horizon 8

9 Best Practices JAN: SNAP! 9

10 Tip 1: Review online application systems. Why a Human is Needed: Provide usable and understandable alternatives. Example: Explain to people with disabilities how they can get help using the online HR system and where to get reasonable accommodation. JAN: SNAP! 10

11 Tip 2: Use text descriptions for visual material. Why a Human is Needed: Repetitive text descriptions for nonessential visual material are unnecessary. Example: bullets JAN: SNAP! 11

12 Tip 3: Caption audio and video. Why a Human is Needed: A determination of open, closed, and/or audio captions depends on audience, venue for distribution, and script. Example: JAN YouTube script JAN: SNAP! 12

13 Tip 4: Maintain consistent page design. Why a Human is Needed: 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 JAN: SNAP! 13

14 JAN: SNAP! 14

15 Tip 5: Minimize reliance on color. Why a Human is Needed: Computer generated testers show visually what sites will look like. Example: red/green and blue/yellow JAN: SNAP! 15

16 Website Testing Tools for Color Color Laboratory HTML Writers Guild's AWARE (Accessible Web Authoring Resources and Education) Center Colorblind Design Evaluation WebAIM at Center for Persons with Disabilities, USU Plug-ins available for Photoshop to simulate color deficiency JAN: SNAP! 16

17 Tip 6: Allow keyboard navigation. Why a Human is Needed: Usability tests can ensure tab order fits the users needs. Example: Built-in tab order may need overridden. JAN: SNAP!

18 Tip 7: Program items with audio, video, and motion elements with controls. Why a Human is Needed: Stop, go, pause, and volume elements are tested hands-on. Example: Skins may not accurately indicate ability to control elements. JAN: SNAP!

19 Tip 8: Program the default human language of each page. Why a Human is Needed: The need to analyze accurate content to a user is a judgment call. Example: Use assistive technologies such as Braille translators and screen reading software. JAN: SNAP!

20 Tip 9: Provide users with accessible documents. Why a Human is Needed: To fully test documents for accessibility, they need to be accessed and reviewed for logical order. Example: Use free screen reading software to review documents. JAN: SNAP!

21 Tip 10: Evaluate the Website. Why a Human is Needed: Automatic checking is not a substitute for manually testing a Website for accessibility. Example: Use tools to test with multiple versions of browsers. JAN: SNAP!

22 Tool JAN: SNAP!

23 green (fully accessible) yellow (partially accessible) red (inaccessible) flags not applicable (NA) STEP #RESULTDESCRIPTIONRELEVANCE STEPS FOR ANALYSIS JAN: SNAP!

24 1 GREEN Does the site allow navigation with a screen reader? JAN: SNAP!

25 2 GREEN Does the site provide text alternatives for all non-text content? JAN: SNAP!

26 3 RED NOTE: No captioning/audio description found Does the site provide accessible multimedia (audio/visual (A/V) or alternatives) that allow users to understand the content? JAN: SNAP!

27 4 GREEN Does the site use other means of conveying information besides color? JAN: SNAP!

28 5 GREEN Does the site allow users to lower the volume or completely turn off any background audio content? JAN: SNAP!

29 6 GREEN Does 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 GREEN Does the site avoid content that flashes or blinks too quickly? JAN: SNAP!

30 9 GREEN Does the site allow the default human language of each page to be programmatically determined? JAN: SNAP!

31 10 GREEN Does the site present content in an organized manner that avoids unexplained changes in context? 11 GREEN Does the site help users avoid and correct mistakes? JAN: SNAP!

32 12 GREEN Does the site allow users to skip repetitive content? 13 GREEN Does the site provide fully accessible PDFs, PowerPoint documents, and online forms? JAN: SNAP!

33 14 RED NOTE: Not found Does the site display the companys equal employment opportunity (EEO) policy statement? 15 RED NOTE: Not found Does the site explain to people with disabilities how they can get help using it and where to get reasonable accommodation if they cannot apply online? JAN: SNAP!

34 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. JAN: SNAP!

35 XXXXX

36 Website Testing Tools Functional Accessibility Evaluator University of Illinois at Urbana-Champaign JAN: SNAP!

37 Website Testing Tools WAVE WebAIM at Center for Persons with Disabilities, USU JAN: SNAP!

38 Website Testing Tools Cynthia Says Education and Outreach project of HiSoftware, International Center for Disability Resources on the Internet, and the Internet Society Disability and Special Needs Chapter JAN: SNAP!

39 Website Testing Tools TAW (Spanish) Center for Development of Information and Communication Technology (Headquarters of the Spanish W3C) JAN: SNAP!

40 SNAP Your Website into Shape 1) Select your team, 2) No is not an answer, 3) Accept challenges, and 4) Prioritize accessibility first. JAN: SNAP! 40

41 Questions 41 JAN: SNAP!

42 Contact (800) (V) & (877) (TTY) AskJAN.org & 42 JAN: SNAP!


Download ppt "JAN is a service of the U.S. Department of Labors Office of Disability Employment Policy. 1 Your Website into Shape Beth Loy, Ph.D., Principal Consultant."

Similar presentations


Ads by Google