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 http://wickline.org/ref/colorlab/ Colorblind Design Evaluation WebAIM at Center for Persons with Disabilities, USU http://newmanservices.com/colorblind/default.asp 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 http://fae.cita.uiuc.edu/ JAN: SNAP!

37. Website Testing Tools WAVE WebAIM at Center for Persons with Disabilities, USU http://wave.webaim.org/ 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 http://www.cynthiasays.com/ JAN: SNAP!

39. Website Testing Tools TAW (Spanish) Center for Development of Information and Communication Technology (Headquarters of the Spanish W3C) http://www.tawdis.net/ 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)526-7234 (V) & (877)781-9403 (TTY) AskJAN.org & jan@askjan.org 42 JAN: SNAP!