The 2010 revisions of the ADA included a mandate to make websites accessible. If you are using a learning management system (like LearningStudio), it’s tempting to think that the course shell is handling all the accessibility concerns. However, if you’ve uploaded images, video / audio, or directed students to external websites, you may still need to take some additional steps.
Here is a list of best practices. Some of these are more applicable for stand-alone websites, but all are worth reading. The information below is drawn from accessibility information provided by MIT, UC Berkeley, Purdue, and Oregon State.
1. Label all images. Use the ALT field or fill in the image description as needed. It’s better to leave the ALT tag blank than to enter text that merely repeats the image caption, since a screen reader will read both fields.
2. Caption all video and audio. If this is not possible, provide a script or a summary.
3. Create structure. Using headings to add structure to a page is one of the simplest ways to greatly increase the accessibility of your pages for a screen reader user.
4. Label links properly. Without unique labels, users of screen readers can have trouble distinguishing one link from another. Consider adding a link to skip over navigation menus or lengthy lists of links. Likewise, avoid the use of “click here” and connect the link to something descriptive in the related phrase. (Guilty as charged! We’ll be changing that ASAP on this blog!)
5. Improve navigation. Requiring extra clicks or forcing a return to the homepage is clumsy for sighted students; it’s worse for those using adaptive technologies.
6. Keyboard-friendly shortcuts. You can let users know which keyboard shortcuts they can use by creating a page for your accessibility statement that lists each of these shortcuts and how to use them on a mac or PC. The link to this accessibility page should appear at least on the homepage, but ideally on all pages( i.e. within the global navigation or footer links).
7. Choose colors and contrast wisely. Use symbols and graphics that will work in a monochromatic environment. To test a page for effective contrast, you can print it on a black and white printer with the background color included. Color vision deficiencies may impact red and green (rendering them invisible) as well as yellow (beige, yellow and orange can be confused with red and green). Never rely on color alone to communicate importance, sarcasm, or other key meanings – clearly articulate these using text. This is a great contrast checker.
8. Allow for font resizing. Stylesheets created with pixel measurements (px) cannot be easily resized in some versions of Internet Explorer. To allow for resizing, size your stylesheets using another measurement such as em, pt, or relative sizes. A body font of 95% or 12 points is recomended (this is similar to 12 pixels in size, but percents and ems are resizeable on Internet Explorer).
9. Avoid tables when you can. Label them correctly when you must use them. Use basic header information for data tables; use elements and summary attributes whenever possible. For visual layout design, the preference is to employ stylesheets and div tags, not tables.
10. Be careful with PDF files. If possible, offer alternatives accessible through other programs (Word, etc.); offering the information in HTML is ideal. More extensive information on PDFs and accessibility is provided on this page. From the Purdue University web accessibility committee, here are some tips about creating accessible PDF files using Word.
11. Use Flash and interactive content wisely. Alternate versions of all interactive content and Flash pieces should be provided, if possible. If an alternate version cannot be provided, offer a summary and description.
These are actually universal design principles that will improve everyone’s experience in the online environment: your students with disabilities will benefit, but so will the rest of the class—and you may notice a difference, too, when you need to quickly locate a key piece of information and can move smoothly and quickly through your own content!
(This is part of a series of posts on this topic. The first post offered an introductory look at disabilities in the higher education context; future posts will cover assessing the accessibility of your content, and additional access resources.)