Enhancing Accessibility: Tools and Practices for Inclusive Content

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

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

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.

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.

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

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

Alt Tags, Captions or Descriptions When adding an image, remember to add in the alternative attribute or description, known as the alt tag

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

Examining Fonts Serif Fonts Fonts characterized by the flared extensions, or strokes Ll Ff Ii Nn Sans Serif Fonts Sans means without, and Serif refers to the extra stokes or lines Ll Ff Ii Nn Ariel Georgia

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

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. The OCMA Jennifer Curry Jahnke Accessible Media Production program Writing link text Screen reader behaviour

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

Accessible Media Remember the AODA 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 1.2.4 Captions (Live), and success criteria 1.2.5 Audio Descriptions (Pre-recorded). How to add closed captions to YouTube

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

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

SMART Devices - iOS

SMART Devices - Android

Assistive Technologies NVDA screen reader LiveScribe Pen Kurzweil WordQ Dragon Naturally Speaking