1. Creating ADA Compliant Resources
Mastery Level Training Workshop

2. What is Accessibility?
a person with a disability is afforded the opportunity to acquire the same information
engage in the same interactions
enjoy the same services as a person without a disability in an equally effective and equally integrated manner, with substantially equivalent ease of use.
9/16/2018

3. Why is accessibility important?
It is the right thing to do
It’s the law
It’s the smart thing to do
9/16/2018

4. Application to Higher Education
The Americans with Disabilities Act (ADA) and Section 504 of the Rehabilitation Act apply to almost all colleges, universities, and trade schools
Web accessibility is one of the most critical issues facing higher education
9/16/2018

5. What are some disabilities?
9/16/2018

6. Video
Make video accessible by providing closed captions
9/16/2018

7. Audio
9/16/2018

8. Structure and Formatting
Use headings
Use lists
Add alternate text to images
Identify document language
Use tables wisely
Understand how to export from one format to another
9/16/2018

9. Heading Styles
9/16/2018

10. Structure
9/16/2018

11. Lists
9/16/2018

12. Links Don’t use “Click Here,” “More” or the URL as link text
Best example:
Please visit the WilmU Admissions web page.
Fair example:
Here is the WilmU Admissions web page.
Worst example:
Click here to view the WilmU Admissions web page or
Click here
Please visit the WilmU Admissions web page.
9/16/2018

13. Navigation
Keyboard accessibility: Ensure that any action that uses a mouse, can also be completed by keyboard alone.
9/16/2018

14. Adding Hyperlinks
Word automatically creates a hyperlink when a user pastes a full URL onto a page
9/16/2018

15. Tables Create tables with column and/or row headers
Maintain a proper reading order in tables
9/16/2018

16. Contrast
Consider color contrast for those with color blindness and vision impairments
9/16/2018

17. Font Accessibility Use real text rather than text within graphics.
Select basic, simple, easily-readable fonts.
Use a limited number of fonts.
9/16/2018

18. Font Accessibility Rules (Web)
Select basic, simple, easy to read fonts
Sans Serif Examples
This is Arial
This is Verdana
This is Tahoma
9/16/2018

19. Font Accessibility Rules (Web)
Never use Color Alone to Convey Information
Colorblind users may not be able to discern color- based variation
9/16/2018

20. Font Accessibility Rules (Web)
Avoid blinking and animated text
Avoid excessive text effects
9/16/2018

21. Backgrounds and Color
Choose solid-colored, rather than textured backgrounds.
Choose color combinations with high contrast so the image still makes sense when viewed without color.
Do not use color alone to convey meaning; e.g., use and asterisk (*) or other symbol; and if color is used, use it very sparingly.
Not sure, check
9/16/2018

22. 9/16/2018

23. Images Alt tags provide text to describe images on your web page
Make sure to convey any meaning in the alt tag that the picture would provide for a sighted user.
9/16/2018

24. Evaluating Your Document & What to Do Next
Take a look at the results
Use the Inspection Results dialog to click through all the issues
9/16/2018

25. Accessibility Checker
Look at list of errors, warning, and tips
9/16/2018

26. Questions
9/16/2018