making online application systems accessible beth loy, ph.d., principal consultant
DESCRIPTION
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 - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: Making Online Application Systems Accessible Beth Loy, Ph.D., Principal Consultant](https://reader035.vdocuments.net/reader035/viewer/2022070404/56813b02550346895da3a277/html5/thumbnails/1.jpg)
JAN is a service of the U.S. Department of Labor’s Office of Disability Employment Policy.
1
Making Online Application Systems Accessible
Beth Loy, Ph.D., Principal Consultant
Linda Carter Batiste, J.D., Principal Consultant
![Page 2: Making Online Application Systems Accessible Beth Loy, Ph.D., Principal Consultant](https://reader035.vdocuments.net/reader035/viewer/2022070404/56813b02550346895da3a277/html5/thumbnails/2.jpg)
Work As Your Partner: Accessible Videos Accessible Documents Accessible Webcasts/Webinars Accessible Social Networks Accessible Online Application Systems Accessible Websites
Online App Accessibility
2
![Page 3: Making Online Application Systems Accessible Beth Loy, Ph.D., Principal Consultant](https://reader035.vdocuments.net/reader035/viewer/2022070404/56813b02550346895da3a277/html5/thumbnails/3.jpg)
Online App Accessibility
Section 503 Final Regulations: Published September 24, 2013 Effective Date: March 24, 2014 Prohibits Discrimination Requires Affirmative Action
3
![Page 4: Making Online Application Systems Accessible Beth Loy, Ph.D., Principal Consultant](https://reader035.vdocuments.net/reader035/viewer/2022070404/56813b02550346895da3a277/html5/thumbnails/4.jpg)
Online App Accessibility
Section 503 Does not require accessibility Accessibility is a recommended best practice
4
![Page 5: Making Online Application Systems Accessible Beth Loy, Ph.D., Principal Consultant](https://reader035.vdocuments.net/reader035/viewer/2022070404/56813b02550346895da3a277/html5/thumbnails/5.jpg)
Online App Accessibility
Section 503 Too Much of a Burden No Consistent Guidelines Other Agencies Are Working on Guidelines
5
![Page 6: Making Online Application Systems Accessible Beth Loy, Ph.D., Principal Consultant](https://reader035.vdocuments.net/reader035/viewer/2022070404/56813b02550346895da3a277/html5/thumbnails/6.jpg)
Online App Accessibility
Section 503 Accessibility Makes Sense
Saves Time and Money Helps Prevent Discrimination
6
![Page 7: Making Online Application Systems Accessible Beth Loy, Ph.D., Principal Consultant](https://reader035.vdocuments.net/reader035/viewer/2022070404/56813b02550346895da3a277/html5/thumbnails/7.jpg)
Best Practices
Online App Accessibility
7
![Page 8: Making Online Application Systems Accessible Beth Loy, Ph.D., Principal Consultant](https://reader035.vdocuments.net/reader035/viewer/2022070404/56813b02550346895da3a277/html5/thumbnails/8.jpg)
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
8
![Page 9: Making Online Application Systems Accessible Beth Loy, Ph.D., Principal Consultant](https://reader035.vdocuments.net/reader035/viewer/2022070404/56813b02550346895da3a277/html5/thumbnails/9.jpg)
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
9
![Page 10: Making Online Application Systems Accessible Beth Loy, Ph.D., Principal Consultant](https://reader035.vdocuments.net/reader035/viewer/2022070404/56813b02550346895da3a277/html5/thumbnails/10.jpg)
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
10
![Page 11: Making Online Application Systems Accessible Beth Loy, Ph.D., Principal Consultant](https://reader035.vdocuments.net/reader035/viewer/2022070404/56813b02550346895da3a277/html5/thumbnails/11.jpg)
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
11
![Page 12: Making Online Application Systems Accessible Beth Loy, Ph.D., Principal Consultant](https://reader035.vdocuments.net/reader035/viewer/2022070404/56813b02550346895da3a277/html5/thumbnails/12.jpg)
Online App Accessibility
12
![Page 13: Making Online Application Systems Accessible Beth Loy, Ph.D., Principal Consultant](https://reader035.vdocuments.net/reader035/viewer/2022070404/56813b02550346895da3a277/html5/thumbnails/13.jpg)
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
13
![Page 14: Making Online Application Systems Accessible Beth Loy, Ph.D., Principal Consultant](https://reader035.vdocuments.net/reader035/viewer/2022070404/56813b02550346895da3a277/html5/thumbnails/14.jpg)
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
Online App Accessibility
14
![Page 15: Making Online Application Systems Accessible Beth Loy, Ph.D., Principal Consultant](https://reader035.vdocuments.net/reader035/viewer/2022070404/56813b02550346895da3a277/html5/thumbnails/15.jpg)
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
15
![Page 16: Making Online Application Systems Accessible Beth Loy, Ph.D., Principal Consultant](https://reader035.vdocuments.net/reader035/viewer/2022070404/56813b02550346895da3a277/html5/thumbnails/16.jpg)
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
16
![Page 17: Making Online Application Systems Accessible Beth Loy, Ph.D., Principal Consultant](https://reader035.vdocuments.net/reader035/viewer/2022070404/56813b02550346895da3a277/html5/thumbnails/17.jpg)
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
17
![Page 18: Making Online Application Systems Accessible Beth Loy, Ph.D., Principal Consultant](https://reader035.vdocuments.net/reader035/viewer/2022070404/56813b02550346895da3a277/html5/thumbnails/18.jpg)
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
18
![Page 19: Making Online Application Systems Accessible Beth Loy, Ph.D., Principal Consultant](https://reader035.vdocuments.net/reader035/viewer/2022070404/56813b02550346895da3a277/html5/thumbnails/19.jpg)
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
19
![Page 20: Making Online Application Systems Accessible Beth Loy, Ph.D., Principal Consultant](https://reader035.vdocuments.net/reader035/viewer/2022070404/56813b02550346895da3a277/html5/thumbnails/20.jpg)
SNAP Your Website into Shape1) Select your team,
2) No is not an answer,
3) Accept challenges, and
4) Prioritize accessibility first.
Online App Accessibility
20
![Page 21: Making Online Application Systems Accessible Beth Loy, Ph.D., Principal Consultant](https://reader035.vdocuments.net/reader035/viewer/2022070404/56813b02550346895da3a277/html5/thumbnails/21.jpg)
green (fully accessible) yellow (partially accessible) red (inaccessible) flags not applicable (NA)
STEP # RESULT DESCRIPTION RELEVANCESTEPS FOR ANALYSIS
Online App Accessibility
21
![Page 22: Making Online Application Systems Accessible Beth Loy, Ph.D., Principal Consultant](https://reader035.vdocuments.net/reader035/viewer/2022070404/56813b02550346895da3a277/html5/thumbnails/22.jpg)
1 GREENDoes the site allow navigation with a screen reader?
Online App Accessibility
22
![Page 23: Making Online Application Systems Accessible Beth Loy, Ph.D., Principal Consultant](https://reader035.vdocuments.net/reader035/viewer/2022070404/56813b02550346895da3a277/html5/thumbnails/23.jpg)
2 GREENDoes the site provide text alternatives for all non-text content?
Online App Accessibility
23
![Page 24: Making Online Application Systems Accessible Beth Loy, Ph.D., Principal Consultant](https://reader035.vdocuments.net/reader035/viewer/2022070404/56813b02550346895da3a277/html5/thumbnails/24.jpg)
3RED
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?
Online App Accessibility
24
![Page 25: Making Online Application Systems Accessible Beth Loy, Ph.D., Principal Consultant](https://reader035.vdocuments.net/reader035/viewer/2022070404/56813b02550346895da3a277/html5/thumbnails/25.jpg)
4 GREEN
Does the site use other means of conveying information besides color?
Online App Accessibility
25
![Page 26: Making Online Application Systems Accessible Beth Loy, Ph.D., Principal Consultant](https://reader035.vdocuments.net/reader035/viewer/2022070404/56813b02550346895da3a277/html5/thumbnails/26.jpg)
5 GREEN
Does the site allow users to lower the volume or completely turn off any background audio content?
Online App Accessibility
26
![Page 27: Making Online Application Systems Accessible Beth Loy, Ph.D., Principal Consultant](https://reader035.vdocuments.net/reader035/viewer/2022070404/56813b02550346895da3a277/html5/thumbnails/27.jpg)
6 GREEN
Does the site allow navigation by a user who does not use a mouse?
7 GREENDoes the site provide users with enough time to read, understand, and interact with online content?
8 GREENDoes the site avoid content that flashes or blinks too quickly?
Online App Accessibility
27
![Page 28: Making Online Application Systems Accessible Beth Loy, Ph.D., Principal Consultant](https://reader035.vdocuments.net/reader035/viewer/2022070404/56813b02550346895da3a277/html5/thumbnails/28.jpg)
9 GREENDoes the site allow the default human language of each page to be programmatically determined?
Online App Accessibility
28
![Page 29: Making Online Application Systems Accessible Beth Loy, Ph.D., Principal Consultant](https://reader035.vdocuments.net/reader035/viewer/2022070404/56813b02550346895da3a277/html5/thumbnails/29.jpg)
10 GREENDoes the site present content in an organized manner that avoids unexplained changes in context?
11 GREENDoes the site help users avoid and correct mistakes?
Online App Accessibility
29
![Page 30: Making Online Application Systems Accessible Beth Loy, Ph.D., Principal Consultant](https://reader035.vdocuments.net/reader035/viewer/2022070404/56813b02550346895da3a277/html5/thumbnails/30.jpg)
12 GREENDoes the site allow users to skip repetitive content?
13 GREENDoes the site provide fully accessible PDFs, PowerPoint documents, and online forms?
Online App Accessibility
30
![Page 31: Making Online Application Systems Accessible Beth Loy, Ph.D., Principal Consultant](https://reader035.vdocuments.net/reader035/viewer/2022070404/56813b02550346895da3a277/html5/thumbnails/31.jpg)
14RED
NOTE: Not found
Does the site display the company’s equal employment opportunity (EEO) policy statement?
15RED
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?
Online App Accessibility
31
![Page 32: Making Online Application Systems Accessible Beth Loy, Ph.D., Principal Consultant](https://reader035.vdocuments.net/reader035/viewer/2022070404/56813b02550346895da3a277/html5/thumbnails/32.jpg)
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.
Online App Accessibility
32
![Page 33: Making Online Application Systems Accessible Beth Loy, Ph.D., Principal Consultant](https://reader035.vdocuments.net/reader035/viewer/2022070404/56813b02550346895da3a277/html5/thumbnails/33.jpg)
Online App Accessibility
XXXXX
33
![Page 34: Making Online Application Systems Accessible Beth Loy, Ph.D., Principal Consultant](https://reader035.vdocuments.net/reader035/viewer/2022070404/56813b02550346895da3a277/html5/thumbnails/34.jpg)
Website Testing Tools Functional Accessibility Evaluator
University of Illinois at Urbana-Champaign http://fae.cita.uiuc.edu/
Online App Accessibility
34
![Page 35: Making Online Application Systems Accessible Beth Loy, Ph.D., Principal Consultant](https://reader035.vdocuments.net/reader035/viewer/2022070404/56813b02550346895da3a277/html5/thumbnails/35.jpg)
Website Testing Tools WAVE
WebAIM at Center for Persons with Disabilities, USU http://wave.webaim.org/
Online App Accessibility
35
![Page 36: Making Online Application Systems Accessible Beth Loy, Ph.D., Principal Consultant](https://reader035.vdocuments.net/reader035/viewer/2022070404/56813b02550346895da3a277/html5/thumbnails/36.jpg)
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/
Online App Accessibility
36
![Page 37: Making Online Application Systems Accessible Beth Loy, Ph.D., Principal Consultant](https://reader035.vdocuments.net/reader035/viewer/2022070404/56813b02550346895da3a277/html5/thumbnails/37.jpg)
Website Testing Tools TAW (Spanish)
Center for Development of Information and Communication Technology (Headquarters of the Spanish W3C)
http://www.tawdis.net/
Online App Accessibility
37
![Page 38: Making Online Application Systems Accessible Beth Loy, Ph.D., Principal Consultant](https://reader035.vdocuments.net/reader035/viewer/2022070404/56813b02550346895da3a277/html5/thumbnails/38.jpg)
Questions
38
Online App Accessibility
![Page 39: Making Online Application Systems Accessible Beth Loy, Ph.D., Principal Consultant](https://reader035.vdocuments.net/reader035/viewer/2022070404/56813b02550346895da3a277/html5/thumbnails/39.jpg)
Contact (800)526-7234 (V) & (877)781-9403 (TTY) AskJAN.org & [email protected]
39
Online App Accessibility