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:
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
Work As Your Partner: Accessible Videos Accessible Documents Accessible Webcasts/Webinars Accessible Social Networks Accessible Online Application Systems Accessible Websites JAN: SNAP! 2
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
Overview 1. Legal Issues 2. Best Practices 3. SNAP Tool Example 4. Questions 4
Legal Issues JAN: SNAP! 5
Americans with Disabilities Act 6
JAN: SNAP! Rehabilitation Act 7
JAN: SNAP! On the Horizon 8
Best Practices JAN: SNAP! 9
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
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
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
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
JAN: SNAP! 14
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
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
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!
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!
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!
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!
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!
Tool JAN: SNAP!
green (fully accessible) yellow (partially accessible) red (inaccessible) flags not applicable (NA) STEP #RESULTDESCRIPTIONRELEVANCE STEPS FOR ANALYSIS JAN: SNAP!
1 GREEN Does the site allow navigation with a screen reader? JAN: SNAP!
2 GREEN Does the site provide text alternatives for all non-text content? JAN: SNAP!
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!
4 GREEN Does the site use other means of conveying information besides color? JAN: SNAP!
5 GREEN Does the site allow users to lower the volume or completely turn off any background audio content? JAN: SNAP!
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!
9 GREEN Does the site allow the default human language of each page to be programmatically determined? JAN: SNAP!
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!
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!
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!
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!
Website Testing Tools Functional Accessibility Evaluator University of Illinois at Urbana-Champaign JAN: SNAP!
Website Testing Tools WAVE WebAIM at Center for Persons with Disabilities, USU 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 JAN: SNAP!
Website Testing Tools TAW (Spanish) Center for Development of Information and Communication Technology (Headquarters of the Spanish W3C) 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. JAN: SNAP! 40