1 / 42

Your Website into Shape Beth Loy, Ph.D., Principal Consultant

Your Website into Shape Beth Loy, Ph.D., Principal Consultant Linda Carter Batiste, J.D., Principal Consultant. JAN: SNAP!. Work As Your Partner: Accessible Videos Accessible Documents Accessible Webcasts/Webinars Accessible Social Networks

marge
Download Presentation

Your Website into Shape Beth Loy, Ph.D., Principal Consultant

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Your Website into Shape • Beth Loy, Ph.D., Principal Consultant • Linda Carter Batiste, J.D., Principal Consultant

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

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

  4. JAN: SNAP! • Overview • 1. Legal Issues • 2. Best Practices • 3. SNAP Tool Example • 4. Questions

  5. JAN: SNAP! • Legal Issues

  6. JAN: SNAP! • Americans with Disabilities Act

  7. JAN: SNAP! • Rehabilitation Act

  8. JAN: SNAP! • On the Horizon

  9. JAN: SNAP! • Best Practices

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

  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!

  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!

  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!

  14. JAN: SNAP!

  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!

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

  17. Tip 6: Allow keyboard navigation. Why a Human is Needed: Usability tests can ensure tab order fits the user’s 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 technologiessuch 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 beaccessed and reviewed for logical order.Example: Use free screen readingsoftware to review documents. JAN: SNAP!

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

  22. JAN: SNAP! • Tool

  23. JAN: SNAP! • green (fully accessible) • yellow (partially accessible) • red (inaccessible) flags • not applicable (NA)   

  24. JAN: SNAP!

  25. JAN: SNAP!

  26. JAN: SNAP!

  27. JAN: SNAP!

  28. JAN: SNAP!

  29. JAN: SNAP!

  30. JAN: SNAP!

  31. JAN: SNAP!

  32. JAN: SNAP!

  33. JAN: SNAP!

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

  35. JAN: SNAP! XXXXX

  36. JAN: SNAP! • Website Testing Tools • Functional Accessibility Evaluator • University of Illinois at Urbana-Champaign • http://fae.cita.uiuc.edu/

  37. JAN: SNAP! • Website Testing Tools • WAVE • WebAIM at Center for Persons with Disabilities, USU • http://wave.webaim.org/

  38. JAN: SNAP! • 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/

  39. JAN: SNAP! • Website Testing Tools • TAW (Spanish) • Center for Development of Information and Communication Technology (Headquarters of the Spanish W3C) • http://www.tawdis.net/

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

  41. JAN: SNAP! • Questions

  42. JAN: SNAP! • Contact • (800)526-7234 (V) & (877)781-9403 (TTY) • AskJAN.org & jan@askjan.org

More Related