![Page 1: Your Website into Shape Beth Loy, Ph.D., Principal Consultant](https://reader035.vdocuments.mx/reader035/viewer/2022062723/56813e11550346895da7f14d/html5/thumbnails/1.jpg)
JAN is a service of the U.S. Department of Labor’s Office of Disability Employment Policy.
1
Your Website into Shape
Beth Loy, Ph.D., Principal Consultant
Linda Carter Batiste, J.D., Principal Consultant
![Page 2: Your Website into Shape Beth Loy, Ph.D., Principal Consultant](https://reader035.vdocuments.mx/reader035/viewer/2022062723/56813e11550346895da7f14d/html5/thumbnails/2.jpg)
Work As Your Partner: Accessible Videos Accessible Documents Accessible Webcasts/Webinars Accessible Social Networks Accessible Online Application Systems Accessible Websites
JAN: SNAP!
2
![Page 3: Your Website into Shape Beth Loy, Ph.D., Principal Consultant](https://reader035.vdocuments.mx/reader035/viewer/2022062723/56813e11550346895da7f14d/html5/thumbnails/3.jpg)
SNAP Your Website into Shape1) Select your team,
2) No is not an answer,
3) Accept challenges, and
4) Prioritize accessibility first.
JAN: SNAP!
3
![Page 4: Your Website into Shape Beth Loy, Ph.D., Principal Consultant](https://reader035.vdocuments.mx/reader035/viewer/2022062723/56813e11550346895da7f14d/html5/thumbnails/4.jpg)
JAN: SNAP!
Overview
1. Legal Issues
2. Best Practices
3. SNAP Tool Example
4. Questions
4
![Page 5: Your Website into Shape Beth Loy, Ph.D., Principal Consultant](https://reader035.vdocuments.mx/reader035/viewer/2022062723/56813e11550346895da7f14d/html5/thumbnails/5.jpg)
Legal Issues
JAN: SNAP!
5
![Page 6: Your Website into Shape Beth Loy, Ph.D., Principal Consultant](https://reader035.vdocuments.mx/reader035/viewer/2022062723/56813e11550346895da7f14d/html5/thumbnails/6.jpg)
JAN: SNAP!
Americans with Disabilities Act
6
![Page 7: Your Website into Shape Beth Loy, Ph.D., Principal Consultant](https://reader035.vdocuments.mx/reader035/viewer/2022062723/56813e11550346895da7f14d/html5/thumbnails/7.jpg)
JAN: SNAP!
Rehabilitation Act
7
![Page 8: Your Website into Shape Beth Loy, Ph.D., Principal Consultant](https://reader035.vdocuments.mx/reader035/viewer/2022062723/56813e11550346895da7f14d/html5/thumbnails/8.jpg)
JAN: SNAP!
On the Horizon
8
![Page 9: Your Website into Shape Beth Loy, Ph.D., Principal Consultant](https://reader035.vdocuments.mx/reader035/viewer/2022062723/56813e11550346895da7f14d/html5/thumbnails/9.jpg)
Best Practices
JAN: SNAP!
9
![Page 10: Your Website into Shape Beth Loy, Ph.D., Principal Consultant](https://reader035.vdocuments.mx/reader035/viewer/2022062723/56813e11550346895da7f14d/html5/thumbnails/10.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.
JAN: SNAP!
10
![Page 11: Your Website into Shape Beth Loy, Ph.D., Principal Consultant](https://reader035.vdocuments.mx/reader035/viewer/2022062723/56813e11550346895da7f14d/html5/thumbnails/11.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
JAN: SNAP!
11
![Page 12: Your Website into Shape Beth Loy, Ph.D., Principal Consultant](https://reader035.vdocuments.mx/reader035/viewer/2022062723/56813e11550346895da7f14d/html5/thumbnails/12.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
JAN: SNAP!
12
![Page 13: Your Website into Shape Beth Loy, Ph.D., Principal Consultant](https://reader035.vdocuments.mx/reader035/viewer/2022062723/56813e11550346895da7f14d/html5/thumbnails/13.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
JAN: SNAP!
13
![Page 14: Your Website into Shape Beth Loy, Ph.D., Principal Consultant](https://reader035.vdocuments.mx/reader035/viewer/2022062723/56813e11550346895da7f14d/html5/thumbnails/14.jpg)
JAN: SNAP!
14
![Page 15: Your Website into Shape Beth Loy, Ph.D., Principal Consultant](https://reader035.vdocuments.mx/reader035/viewer/2022062723/56813e11550346895da7f14d/html5/thumbnails/15.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
JAN: SNAP!
15
![Page 16: Your Website into Shape Beth Loy, Ph.D., Principal Consultant](https://reader035.vdocuments.mx/reader035/viewer/2022062723/56813e11550346895da7f14d/html5/thumbnails/16.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
JAN: SNAP!
16
![Page 17: Your Website into Shape Beth Loy, Ph.D., Principal Consultant](https://reader035.vdocuments.mx/reader035/viewer/2022062723/56813e11550346895da7f14d/html5/thumbnails/17.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.
JAN: SNAP!
![Page 18: Your Website into Shape Beth Loy, Ph.D., Principal Consultant](https://reader035.vdocuments.mx/reader035/viewer/2022062723/56813e11550346895da7f14d/html5/thumbnails/18.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.
JAN: SNAP!
![Page 19: Your Website into Shape Beth Loy, Ph.D., Principal Consultant](https://reader035.vdocuments.mx/reader035/viewer/2022062723/56813e11550346895da7f14d/html5/thumbnails/19.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.
JAN: SNAP!
![Page 20: Your Website into Shape Beth Loy, Ph.D., Principal Consultant](https://reader035.vdocuments.mx/reader035/viewer/2022062723/56813e11550346895da7f14d/html5/thumbnails/20.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.
JAN: SNAP!
![Page 21: Your Website into Shape Beth Loy, Ph.D., Principal Consultant](https://reader035.vdocuments.mx/reader035/viewer/2022062723/56813e11550346895da7f14d/html5/thumbnails/21.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.
JAN: SNAP!
![Page 22: Your Website into Shape Beth Loy, Ph.D., Principal Consultant](https://reader035.vdocuments.mx/reader035/viewer/2022062723/56813e11550346895da7f14d/html5/thumbnails/22.jpg)
Tool
JAN: SNAP!
![Page 23: Your Website into Shape Beth Loy, Ph.D., Principal Consultant](https://reader035.vdocuments.mx/reader035/viewer/2022062723/56813e11550346895da7f14d/html5/thumbnails/23.jpg)
green (fully accessible) yellow (partially accessible) red (inaccessible) flags not applicable (NA)
STEP # RESULT DESCRIPTION RELEVANCESTEPS FOR ANALYSIS
JAN: SNAP!
![Page 24: Your Website into Shape Beth Loy, Ph.D., Principal Consultant](https://reader035.vdocuments.mx/reader035/viewer/2022062723/56813e11550346895da7f14d/html5/thumbnails/24.jpg)
1 GREENDoes the site allow navigation with a screen reader?
JAN: SNAP!
![Page 25: Your Website into Shape Beth Loy, Ph.D., Principal Consultant](https://reader035.vdocuments.mx/reader035/viewer/2022062723/56813e11550346895da7f14d/html5/thumbnails/25.jpg)
2 GREENDoes the site provide text alternatives for all non-text content?
JAN: SNAP!
![Page 26: Your Website into Shape Beth Loy, Ph.D., Principal Consultant](https://reader035.vdocuments.mx/reader035/viewer/2022062723/56813e11550346895da7f14d/html5/thumbnails/26.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?
JAN: SNAP!
![Page 27: Your Website into Shape Beth Loy, Ph.D., Principal Consultant](https://reader035.vdocuments.mx/reader035/viewer/2022062723/56813e11550346895da7f14d/html5/thumbnails/27.jpg)
4 GREEN
Does the site use other means of conveying information besides color?
JAN: SNAP!
![Page 28: Your Website into Shape Beth Loy, Ph.D., Principal Consultant](https://reader035.vdocuments.mx/reader035/viewer/2022062723/56813e11550346895da7f14d/html5/thumbnails/28.jpg)
5 GREEN
Does the site allow users to lower the volume or completely turn off any background audio content?
JAN: SNAP!
![Page 29: Your Website into Shape Beth Loy, Ph.D., Principal Consultant](https://reader035.vdocuments.mx/reader035/viewer/2022062723/56813e11550346895da7f14d/html5/thumbnails/29.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?
JAN: SNAP!
![Page 30: Your Website into Shape Beth Loy, Ph.D., Principal Consultant](https://reader035.vdocuments.mx/reader035/viewer/2022062723/56813e11550346895da7f14d/html5/thumbnails/30.jpg)
9 GREENDoes the site allow the default human language of each page to be programmatically determined?
JAN: SNAP!
![Page 31: Your Website into Shape Beth Loy, Ph.D., Principal Consultant](https://reader035.vdocuments.mx/reader035/viewer/2022062723/56813e11550346895da7f14d/html5/thumbnails/31.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?
JAN: SNAP!
![Page 32: Your Website into Shape Beth Loy, Ph.D., Principal Consultant](https://reader035.vdocuments.mx/reader035/viewer/2022062723/56813e11550346895da7f14d/html5/thumbnails/32.jpg)
12 GREENDoes the site allow users to skip repetitive content?
13 GREENDoes the site provide fully accessible PDFs, PowerPoint documents, and online forms?
JAN: SNAP!
![Page 33: Your Website into Shape Beth Loy, Ph.D., Principal Consultant](https://reader035.vdocuments.mx/reader035/viewer/2022062723/56813e11550346895da7f14d/html5/thumbnails/33.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?
JAN: SNAP!
![Page 34: Your Website into Shape Beth Loy, Ph.D., Principal Consultant](https://reader035.vdocuments.mx/reader035/viewer/2022062723/56813e11550346895da7f14d/html5/thumbnails/34.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.
JAN: SNAP!
![Page 35: Your Website into Shape Beth Loy, Ph.D., Principal Consultant](https://reader035.vdocuments.mx/reader035/viewer/2022062723/56813e11550346895da7f14d/html5/thumbnails/35.jpg)
JAN: SNAP!
XXXXX
![Page 36: Your Website into Shape Beth Loy, Ph.D., Principal Consultant](https://reader035.vdocuments.mx/reader035/viewer/2022062723/56813e11550346895da7f14d/html5/thumbnails/36.jpg)
Website Testing Tools Functional Accessibility Evaluator
University of Illinois at Urbana-Champaign http://fae.cita.uiuc.edu/
JAN: SNAP!
![Page 37: Your Website into Shape Beth Loy, Ph.D., Principal Consultant](https://reader035.vdocuments.mx/reader035/viewer/2022062723/56813e11550346895da7f14d/html5/thumbnails/37.jpg)
Website Testing Tools WAVE
WebAIM at Center for Persons with Disabilities, USU http://wave.webaim.org/
JAN: SNAP!
![Page 38: Your Website into Shape Beth Loy, Ph.D., Principal Consultant](https://reader035.vdocuments.mx/reader035/viewer/2022062723/56813e11550346895da7f14d/html5/thumbnails/38.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/
JAN: SNAP!
![Page 39: Your Website into Shape Beth Loy, Ph.D., Principal Consultant](https://reader035.vdocuments.mx/reader035/viewer/2022062723/56813e11550346895da7f14d/html5/thumbnails/39.jpg)
Website Testing Tools TAW (Spanish)
Center for Development of Information and Communication Technology (Headquarters of the Spanish W3C)
http://www.tawdis.net/
JAN: SNAP!
![Page 40: Your Website into Shape Beth Loy, Ph.D., Principal Consultant](https://reader035.vdocuments.mx/reader035/viewer/2022062723/56813e11550346895da7f14d/html5/thumbnails/40.jpg)
SNAP Your Website into Shape1) Select your team,
2) No is not an answer,
3) Accept challenges, and
4) Prioritize accessibility first.
JAN: SNAP!
40
![Page 41: Your Website into Shape Beth Loy, Ph.D., Principal Consultant](https://reader035.vdocuments.mx/reader035/viewer/2022062723/56813e11550346895da7f14d/html5/thumbnails/41.jpg)
Questions
41
JAN: SNAP!