In Module 4, you were introduced to the concept of organizing and chunking your course modules and content. In addition to the design aspect of presenting digital content, there are several formatting techniques that you may want to apply as you build your digital learning course to reduce access barriers for students. Although these formatting techniques are more technical in nature, you have access to several tools within your course that makes it easy for you to apply. Learning how to apply these formatting techniques as you build your course will help proactively increase the accessibility and usability of your digital materials for all students.
Formatting Strategies
Explore the strategies listed below to learn how to effectively format digital materials for your course.
It is important to apply the heading and list style using the rich content editor in <Replace - Course LMS>to properly format them rather than simply changing the font size, making text bold, or adding hyphens for a list. Applying these formatting styles will ensure that assistive technology will be able to easily access and read the content on the Page by adding the appropriate code (e.g., html) behind the scenes.
Please note that you can apply heading and list styles in Microsoft Word, PPT and other applications as well as in <Replace - Course LMS>.
Using meaningful link text is helpful to all students by improving the search-ability when students want to revisit a link. Did you know that assistive technology can be used to quickly read all links on a page? If all of the links have "click here" as the text, this would require the student to have the assistive technology read the text before the link to find a specific link slowing down their access to a particular section.
You may like to underline important information on handouts for students. Students are not apt to mistake the underlined content on a piece of paper as a text link. However, any underlined text presented digitally may be interpreted by students as a link that is broken. Avoid student questions by avoiding underlining text that is not a link on an online course page.
When you add images to your course always add what is termed alt or alternative text. Alt text is a brief description of what the image is and the purpose of the image, which should be connected to why it is included in the course. One example of alt text is "dog wearing an Elizabethan collar" if the collar is significant to the content. The alt text tag you add to the image will allow students using assistive technology to read this information and help them understand the purpose of the image.
The Canvas Rich Content editor makes it easy to manage alt textLinks to an external site. for images in your course. You can add alt text when you first embed an image or add alt text to an image already on a page. If an image is purely decorative and is not necessary to understand the content on the page, you can select the box next to decorative image in the image options in Canvas. Tagging an image as decorative lets assistive technology know to skip the image.
Faculty often like to have certain text stand out to students and often use the color red to do so. However, for those who are colorblind, red-green color blindness is actually the most common form. To these individuals, the color red often appears in some form of green, which may be difficult for them to discern on a course page. It is therefore not recommended to use color unless you use the Canvas Accessibility Checker to help determine what shade of red is accessible. Bolding black text is an effective and accessible way to emphasize text rather than changing the color of the text.
Activity
Use the tabs below to toggle back and forth between low contrast and high contrast text. Notice how the low contrast text is difficult to read, while the high contrast text creates no issues.
HAMLET: To be, or not to be--that is the question: Whether 'tis nobler in the mind to suffer The slings and arrows of outrageous fortune Or to take arms against a sea of troubles And by opposing end them. To die, to sleep-- No more--and by a sleep to say we end ...
HAMLET: To be, or not to be--that is the question: Whether 'tis nobler in the mind to suffer The slings and arrows of outrageous fortune Or to take arms against a sea of troubles And by opposing end them. To die, to sleep-- No more--and by a sleep to say we end ...
Color blindness affects approximately 1 in 12 men (8%) and 1 in 200 women in the world. People with color blindness can have difficulty differentiating between shades of color.
Activity
Use the tabs to simulate different types of color blindness on the color spectrum. Note how many colors are hard to distinguish outside of normal vision. To meet accessibility standards, you should not rely on color in your design to emphasize meaning.
If you link to videos in your course that are readily available on the Internet, please be sure to check for captions. To check for captions, select the CC button. If it says, "English: Auto Generated" the captions are only about 60% to 70% accurate and no punctuation is present. This does not meet accessibility standards. See other videos that are appropriately captioned.
If you create your own videos be sure to create a script prior to creating the video. The script can be used to provide a transcript and/or appropriate captions. Check out Creating Accessible Multimedia for more information.
When considering adding third-party video links (e.g., YouTube) to your course, search for and use clips that are already captioned. If you locate a video link you really want to use, consider writing to the source to see if a captioned version is available.
Formatting Resources
Review your course on a mobile device to check for any design or access issues that may be addressed with the strategies listed above.
Use available accessibility Checkers:
Canvas Accessibility CheckerLinks to an external site.: Located in your Canvas course when editing page content, the Canvas Accessibility Checker is available to check for basic accessibility issues such as color contrast, alt text for images, and table captions, that you can use while you create content pages.
UDOIT (The Universal Design Online Content Inspection Tool): Is an open source tool located in Canvas
<Replace - Institution Name >
This tool created by UCF CDL is available for you to scan your complete course or various course components for accessibility issues, to generate a report, and to provide resources on how to address these issues.