Accessibility

Why Is Accessibility Important for Student Success?

Identifying and removing learning barriers from courses, such as creating accessible course materials, supports the success of all students, not just those with disabilities. Below are top resources compiled by the FDC to get you started and learn more about accessibility.

Also, CSUF provides assistance to faculty in ensuring accessible course materials via a free service offered by Titan Accessible. They will fix accessibility issues (called remediation) for most course materials (e.g., documents/files, videos).

Images Need Alternate Text

Meaningful images need alternate text (or alt text) to convey information. Screen reader programs cannot determine the meaning of images and depend on the alt text to make them accessible to users who are visually impaired. Decorative images can be marked as background or given an empty alt attribute for web pages. Visit WebAIM's Alt Text page for more information.

Bulleted versus Numbered Lists

Using a bulleted list for unordered items and a numerical/alphabetical list for ordered items provides orienting information to screen reader users. When assistive technology encounters a properly marked up list, it will notify the user of the list and announce how many bullets or items are in the list. This List Orienting Information webpage from Deque University gives techincal details on this topic.

Use Accessibility Guides

Topical accessibility guides as well as accessibility guides specific to certain software products and are available through the FDC as follows:

• Microsoft Word Document Accessibility Guide
• Microsoft PowerPoint Document Accessibility Guide
• Microsoft Excel Document Accessibility Guide
• PDF Accessibility Guide
• Video Content, Captioning, and Transcript Accessibility Guide

Formatting Headings Correctly

Formatted document headings on written text are essential to students who use assistive technologies to navigate and read your content. This applies to PDFs, Word, Google Docs, Canvas, blogs, web pages, email, etc.

Without formatted headings, your written text comes across jumbled together and is difficult to navigate for those students. These headings also improve readability for everyone and save you time later when making style changes to your content. This tutorial demonstrates how to use and customize headings in Canvas.

It is important to plan your heading structure early to ensure all content and design fits into a logical structure. To read more about accessible headings visit WebAIM’s Headings page.

Providing Stable Links to Articles and Other Resources

Permalinks are a way to include permanent links to eBooks, streaming video, journal articles and other items in your courses (which can alleviate the need to scan documents or fix broken links). The Pollak Library Permalinks video explains how to find and use these links correctly.

Use Descriptive Hyperlinks

Hyperlinks that open a web page should be descriptive to give users a general idea of the information on that page. Avoid using "Click Here" links because they do not convey any information about a web page.

Additionally, differentiate links in the body of the page with underlines or something other than color alone. Most products do this automatically now, but it is a good thing to keep in mind. For more information, visit these resources below:

• Links and Hypertext from WebAIM
• Descriptive hyperlinks page from W3C

Font Choices

When you type digital content, such as documents or the text portion of presentations, or any other online learing the text choices you make can determine how easy it is for your students to read what you've typed. A few important considerations:

• Avoid using all caps. All caps can be difficult to read and can be read incorrectly by screen readers.
• Font size can vary based on the font chosen, but 10 point is usually a minimum.

Visit WebAIM’s Typefaces and Fonts page which addresses the best practices for font choices for digital text.

Consistent Layout, Navigation, and Reading Order

Consistent navigation and page layout allow abled and disabled people to navigate a document or website more quickly. Complex navigation because of inconsistent design makes it difficult and may cause frustration for all types of users.

Review these resources for more information:

• Layout - Using a Consistent Visual Design
• Navigation - Consistent Navigation
• Reading Order - Meaningful Sequence/Reading Order

Set the Language of the Document

Assistive technology such as screen readers can read multiple languages. Identifying the language of the document will ensure that it will be read correctly to the user. In Microsoft Word, set the language by going to the Review menu and selecting the Language setting as described on this How to Change Microsoft Word Language page.

Use Accessibility Checkers

In Canvas you can use the built-in accessibility checker. For more information, visit the Accessibility Checker Canvas Resource Center. You can also use UDOIT: Universal Design Online Inspection Tool, which scans online course content, identifies possible accessibility issues, and guides course designers and instructors in repairing those issues using inclusive design principles. Its purpose is to:

• help you find and fix common barriers that might prevent students from fully engaging with your materials
• reviews items such as pages, assignments, discussions, announcements, and most file types, including PDFs, Word documents, and PowerPoint presentations
• checks for issues like missing image descriptions, poor color contrast, unclear link text, untagged PDFs
• provides guided tools to fix accessibility issues through the UFIXIT feature directly within Canvas

To learn more about UDOIT visit UDOIT User Guide Cidi Lab Help Center.

Accessibility checkers such as the Adobe Accessibility Checker perform a thorough scan of the tags in a PDF for missing alt text and proper tagging of the headings, lists, tables, and links.

Sufficient Color Contrast

For individuals with visual disabilities, sufficient color contrast is vital to accessibility. Use a WebAIM: Color Contrast Checker or an online color checker from Level Access to find the contrast ratio of two colors (usually the text and background colors).

Avoid Using Colors to Exclusively Convey Information

The use of colors only to convey meaning creates problems for people with low vision, color perception deficiencies, and color blindness. For accessibility, use:

• Text with color such as, "select the green start button to begin reading the chapter and the red back button to go to the previous chapter"
• Identifiers with colors such as adding an asterisk (*) to required fields
• Patterns/textures with color on a graph
• Shapes with colors such as a circle for green and a square for red

You can read more about this in this Use of Color article by W3C.

Enable Live Captions in Chrome

Captions make videos and audio files accessible. The Google Chrome browser can now caption audio and video by enabling “Live Captions.” To turn this setting on, update to the newest version of Chrome, go into Settings > Advanced > Accessibility > Live Captions. Chrome will automatically generate real-time captions for files on your computer hard drive as well as online content from social and video sites, podcasts and radio content, and most web-based video and audio. For more infomation watch this video titled Live Caption in Google Chrome .

Make Data Tables Accessible

Data tables are used to organize information with a logical relationship in grids. Designate row and/or column headers by using a tag for data cells and a tag for table header cells. Assistive technologies use this information to provide context to users. Avoid using tables for page layout when possible. For information view this page on Creating Accessible Tables by WebAIM.