1 / 39

Making Online Application Systems Accessible Beth Loy, Ph.D., Principal Consultant

Making Online Application Systems Accessible Beth Loy, Ph.D., Principal Consultant Linda Carter Batiste, J.D., Principal Consultant. Online App Accessibility. Work As Your Partner: Accessible Videos Accessible Documents Accessible Webcasts/Webinars Accessible Social Networks

hal
Download Presentation

Making Online Application Systems Accessible 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. Making Online Application Systems Accessible • Beth Loy, Ph.D., Principal Consultant • Linda Carter Batiste, J.D., Principal Consultant

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

  3. Online App Accessibility • Section 503 • Final Regulations: Published September 24, 2013 • Effective Date: March 24, 2014 • Prohibits Discrimination • Requires Affirmative Action

  4. Online App Accessibility • Section 503 • Does not require accessibility • Accessibility is a recommended best practice

  5. Online App Accessibility • Section 503 • Too Much of a Burden • No Consistent Guidelines • Other Agencies Are Working on Guidelines

  6. Online App Accessibility • Section 503 • Accessibility Makes Sense • Saves Time and Money • Helps Prevent Discrimination

  7. Online App Accessibility • Best Practices

  8. 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. Online App Accessibility

  9. Tip 2: Use text descriptions for visual material.Why a Human is Needed: Repetitive text descriptions for nonessential visual material are unnecessary.Example: Bullets Online App Accessibility

  10. 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 Online App Accessibility

  11. 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 Online App Accessibility

  12. Online App Accessibility

  13. 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 Online App Accessibility

  14. Online App Accessibility • 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

  15. 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. Online App Accessibility

  16. 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. Online App Accessibility

  17. 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. Online App Accessibility

  18. 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. Online App Accessibility

  19. 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. Online App Accessibility

  20. Online App Accessibility • SNAP Your Website into Shape 1) Select your team, 2) No is not an answer, 3) Accept challenges, and 4) Prioritize accessibility first.

  21. Online App Accessibility • green (fully accessible) • yellow (partially accessible) • red (inaccessible) flags • not applicable (NA)   

  22. Online App Accessibility

  23. Online App Accessibility

  24. Online App Accessibility

  25. Online App Accessibility

  26. Online App Accessibility

  27. Online App Accessibility

  28. Online App Accessibility

  29. Online App Accessibility

  30. Online App Accessibility

  31. Online App Accessibility

  32. Online App 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.

  33. Online App Accessibility XXXXX

  34. Online App Accessibility • Website Testing Tools • Functional Accessibility Evaluator • University of Illinois at Urbana-Champaign • http://fae.cita.uiuc.edu/

  35. Online App Accessibility • Website Testing Tools • WAVE • WebAIM at Center for Persons with Disabilities, USU • http://wave.webaim.org/

  36. Online App Accessibility • 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/

  37. Online App Accessibility • Website Testing Tools • TAW (Spanish) • Center for Development of Information and Communication Technology (Headquarters of the Spanish W3C) • http://www.tawdis.net/

  38. Online App Accessibility • Questions

  39. Online App Accessibility • Contact • (800)526-7234 (V) & (877)781-9403 (TTY) • AskJAN.org & jan@askjan.org

More Related