1. Tools to improve accessibility
OCMA Winter 2019 PD Day: Making Math Accessible

2. Agenda Microsoft Accessibility Checker
Adobe Accessibility Checker
PDF Checker
Colour Contrast Checker
Alt Tags, Captions or Descriptions
Examining Fonts
Readability
Descriptive and Unique Hyperlinks
Headings & Styles
Accessible Media – Captioning and Transcripts
Web Browser Add-ons
SMART Devices
Assistive Technologies

3. Microsoft Accessibility Checker
Using the Microsoft accessibility checker is one thing you can do to make sure your content is easy for people of all abilities to read and edit.
Image borrowed for educational purposes from

4. Adobe Accessibility Checker
Using the Adobe accessibility checker is one thing you can do to make sure your content is easy for people of all abilities to read and edit.
Image borrowed for educational purposes from

5. PDF Accessibility Checker (PAC 3)
PDF Accessibility Checker (PAC 3) is a freeware program that provides a fast way to test the accessibility of PDF files.
PDF Accessibility Checker (PAC 3) by Zugang
PDF Accessibility Checker (PAC 3) by Zugang:

6. Colour Contrast Checker
Web Content Accessibility Guidelines (WCAG) 2.1 stipulate two minimum contrast ratios between text and its background.
WebAIM Color Contrast Checker
The Paciello Group Colour Contrast Analyser
WebAIM Color Contrast Checker
The Paciello Group Colour Contrast Analyser

7. Alt Tags, Captions or Descriptions
When adding an image, remember to add in the alternative attribute or description, known as the ‘alt tag’
Image borrowed for educational purposes from

8. Maps
Road maps, floor plans, etc. present accessibility challenges. Here are some best practices:
Text-based directions
Descriptive alt attributes
Text list of multiple locations
Colour and contrast (is it usable in black and white?)
Consistency and simplicity
3D or tactile versions
Web Accessibility Guidelines v1.0 Maps

9. Ll Ff Ii Nn Ll Ff Ii Nn Examining Fonts Serif Fonts Sans Serif Fonts
Fonts characterized by the flared extensions, or strokes
Ll Ff Ii Nn
Georgia
“Sans” means without, and “Serif” refers to the extra stokes or lines
Ll Ff Ii Nn
Ariel
Best practice is to use the most readable fonts
Experts don’t agree
Sans Serif versus Serif

10. Readability
Readability is the ease with which a reader can understand a written text.
Did you know: The average newspaper is written at a Grade 11 level
Did you know: The average Canadian adult reading level is Grade 7 or 8
How to check your document’s readability in word
Word
Click the Back Arrow at the top left, and then click Word Options.
Click Proofing.
Make sure Check grammar with spelling is selected.
Under When correcting grammar in Word, select the Show readability statistics check box.

11. Descriptive and Unique Hyperlinks
The purpose of descriptive links is to provide users with the proper context of where clicking the link will take them.
Writing link text
Screen reader behaviour
The OCMA
Jennifer Curry Jahnke
Accessible Media Production program

12. Headings & Styles
Headings communicate the organization of the content on the page
Assistive technologies can use them to provide in-page navigation
Nest headings by their rank or level. A <h1> is the most important. A <h6> is the least important.
Skipping headings is confusing
Image borrowed for educational purposes from

13. Accessible Media Remember the AODA
How to add closed captions to YouTube
Ontario Regulation 191/11, section 14
By January 1, 2014, new internet websites and web content on those sites must conform with WCAG 2.0 Level A.
As of January 1, 2021, all internet websites and web content must conform with WCAG 2.0 Level AA, other than, success criteria Captions (Live), and success criteria Audio Descriptions (Pre-recorded).
Porter, D. (2017, May 22). How to add closed captions and subtitles to your YouTube videos. [Video file]. Retrieved from

14. Accessible Media – Captioning and Transcripts
Video Captions
Audio Transcripts
When video files are used in your website, captions or a synchronized text transcript should be provided.
Captions provide good Universal Instructional Design
Useful for non-native speakers (for example, ESL)
When the video has poor audio quality
When users view the video with audio off
When you use audio files on your Web page, a text transcript or other text- based material should be provided.
TIP: Avoid having an audio or video file play automatically on a Web page.

15. Web Browser Add-ons Read&Write for Google Chrome
Zoom for Google Chrome
SpeakIt!
Ginger & Grammarly for Chrome
EquatIO – Math made digital
Funkify – Disability Simulator
Mercury Reader
WAVE Evaluation Tool
Read&Write for Google Chrome
Zoom for Google Chrome
SpeakIt!
Ginger
Grammarly for Chrome
EquatIO – Math made digital
Funkify – Disability Simulator
Mercury Reader -
WAVE Evaluation Tool

16. SMART Devices - iOS
Apple. (2017, May 16). Designed for Todd S. – Apple. [Video file]. Retrieved from

17. SMART Devices - Android
Android. (2019, February 4). Android accessibility: Live transcribe. [Video file]. Retrieved from

18. Assistive Technologies
NVDA – screen reader
LiveScribe Pen
Kurzweil
WordQ
Dragon Naturally Speaking
NVDA
LiveScribe Pen
Kurzweil
Word Q
Dragon
Microsoft visual studios. (2015, November 18). Intel labs collaborated with Dr. Stephen Hawking on .net-based assistive technology solution. [Video file]. Retrieved from