Document Accessibility

ADA

Title III of the Americans with Disabilities Act is being interpreted to include websites as “places of public accommodation” 

What is Accessibility?

Accessibility is how well a person with disabilities can access your content.

How do we make our content accessible?

Make it so people with disabilities can enjoy the full use of your materials; they can access content, navigate successfully, engage with different elements, etc.

Principles of Accessibility

• Perceivable: Users must be able to perceive it in some way, using one or more of their senses. (alt text, captions and transcriptions of videos, multiple formats without losing meaning, visual & audio clarity)

• Operable: Users must be able to control UI elements (e.g. buttons must be clickable in some way — mouse, keyboard, voice command, etc.). Provide enough time to read and use content.  Do not use content that causes seizures or physical reactions, help users navigate and find content

• Understandable: The content must be understandable to its users. (readable & understandable, predictable, correct mistakes)

• Robust: The content must be developed using well-adopted web standards that will work across different browsers, now and in the future. (build in future compatibility)

Know Your Audience

• Students

• Parents

• Grandparents

• Administrators

• Community Members

• Peers

Basic Design

1. High Contrast

   • Light background, dark text

   • Dark background, light text

   • Minimum ratio of 4.5:1 for large text and 7:1 for other text and images

   • Use Contrast Checker https://webaim.org/resources/contrastchecker/ 

2. Readable Font Style 

   • Tahoma 

   • Calibri 

   • Helvetica

   •  Arial 

   • Verdana

   • Times New Roman

3. Adequate Font Size

   • How does it appear on multiple devices and screen resolutions.

   • Use large, left aligned text

4. Proper Use of Hyperlinks

   • Underlined or

   • Italics

   • Color not picked up by screen readers

Tables

Use them for data, not organization.

Use the first row as heading row. (Screen readers consider first row header not data).

https://support.google.com/docs/answer/6199477?hl=en

Principles of Accessibility  https://www.w3.org/WAI/standards-guidelines/wcag/glance/