"Fast Five" Essentials to Preparing Materials

Apple

• Apple's article: Create accessible documents, spreadsheets, or presentations with Pages, Numbers, or Keynote

• Toronto Metropolitan University Pressbooks: Technique 5: Use Headings

• London College of Communication Teaching Hub: Create accessible documents using Apple Pages and Keynote

Google

• Docs

  • Our KB article: Google Docs: Changing The Look of Headings and Paragraphs

  • Google's Support page: Add a title, heading, or table of contents to a document

• Sheets

• Sites

• Slides

Microsoft

• Excel

• PowerPoint

• Word

  • Our KB article: Using Word's Style Gallery to Create Structure in Your Document

  • Microsoft's Support page: Make your Word documents accessible to people with disabilities

Moodle

Atto Editor

• Swarthmore ITS Blog post about using Atto for accessibility features: Reach all users with Atto text editor in Moodle [Moodle accessibility, part 2].

• Moodle's Atto Editor documentation.

TinyMCE Editor

Links

When providing a link somewhere within your text, be sure to provide context. Screen readers provide users the opportunity to scroll through links, so links such as "click here" and "more" do not make sense to screen readers. You can see examples below:

• Deque University accessibility tips article: Use link text that makes sense when read out of context

• WebAIM's article: Links and Hypertext: Link Text and Appearance 

Color

Sometimes the text needs to stand out. Ask a question as to how one might do that. Color is not read aloud, so consider also calling attention to important text with words. For instance:

• Important: Paper due on April 15th. All late papers will be deducted one grade per day late.

• Note: All applicants must sign on line 11 and line 15 in order to have their pay direct deposited.

• Urgent: Pay attention to all directions before handing in this form.

When using color, always consider the contrast between the background and the text. Use WebAIM's Contrast Checker or Lea Verou's Contrast Ratio Checker to ensure all users who have sight can see the information.

Alt-Text, Captions, Image Descriptions, etc.

When someone is accessing material with a screen reader, they may not see an image. They will not know the content of an image unless there is some sort of descriptive text in the form of alternative text (commonly referred to as "alt-text"), a caption, an image description, or other form of text that their screen reader has access to. Providing this is necessary for all users to understand the meaning of the material and why an image is being included.

A best practice is to include a description somewhere in the text so that everyone can see it. This can be very difficult to do. Below are a few resources we have found to be useful:

• The World Wide Web Consortium (W3C) Web Accessibility Initiative's (WAI) Images Tutorial singles out informative images, decorative images, functional images, images of text, complex images like graphs and diagrams, groups of images, and image maps.

• WebAIM goes more in-depth about images in its Accessible Images article but covers alt-text quite well in its Alternative Text article.

• Bojana Coklyat and Shannon Finnegan developed Alt Text as Poetry, a website and workshop dedicated to helping everyone understand how important alt-text is and also how to develop it. From Shannon's website:

"This project reframes alt text as a type of poetry and creates opportunities to practice writing it."

• Benetech's Diagram Center Poet Training Tool teaches you when and how to describe images, and lets you practice.

Adobe

Google

Install and run Grackle for each program (Docs, Sheets, Slides, etc)

Microsoft Office

Review → Check Accessibility

Moodle

Atto Editor

1. Expand the editor's menu by clicking the down arrow, which is the first button on the left-hand side and top row of the editor. A screen tip will indicate "Show/hide advanced buttons."

2. Click on the first item in the sixth section, which looks like a stick figure of a person in a circle.

TinyMCE Editor

Go to Tools → Accessibility Checker in the editor.

Google Slides

Microsoft Office 365 PowerPoint

Please see our article on installing and accessing Microsoft Office 365 if you have questions about the program itself.

Panopto

YouTube

Zoom

Adobe Acrobat

1. Navigate to Fix accessibility issues (Acrobat Pro)

2. Scroll down to Document Language or use Ctrl+f to find "Document Language."

3. Follow the instructions to set document-wide language or the language of a part of a document, if it's different from the overall language of the document. 

Microsoft Office

Google Docs

HTML

• The World Wide Web Consortium's (W3C) Declaring language in HTML article

• W3Schools' Language Code Reference