Web Accessibility: 7 Simple Fixes to Improve Accessibility of Digital Information
This article contains links to resources that can help you improve the accessibility of your digital information like documents, online courses, multimedia, websites and more.
Introduction - Designing with Accessibility in Mind
Disability affects around one billion people worldwide, or about 15% of the global population. Disabilities range in type and severity and include:
Checking a few key areas of your digital content will greatly improve accessibility for everyone, including people with disabilities. Moreover, improving digital accessibility is an essential part of Universal Design for Learning, a framework for inclusive teaching and learning.
Digital accessibility is the degree to which digital content can be accessed and used by as many people as possible, regardless of ability.
Universal Design for Learning (UDL)
UDL is a framework for proactively designing learning environments, and adopting inclusive teaching practices, that meet the vast array of individual learner needs.
This article includes links to help you fix common accessibility errors, known as "Low-Hanging Fruit."
- Headings & Structure
- Alternative Text
- Closed Captions
- Color Contrast
- Descriptive links
- Table Headers
- PDF Files
Use integrated and free third-party tools to scan your digital content for general accessibility. Automated scans can flag most major issues, but they're not 100% accurate. Scans also return “false positives,” or flagged items that aren’t actually an issue. For these reasons, we strongly recommend manually checking your content following automated scans.
Microsoft Office (Word, PowerPoint, Excel)
Manually checking the accessibility of your document/content will take a bit of guidance and practice. The following resources are excellent and provide detailed information about the low-hanging fruit, as well as more complex accessibility issues you may want to learn more about.
Guides & Resources
1. Headings and Structure
Headings are one of the easiest and most essential elements to all accessible documents and web pages. Headings create semantic structure that makes it possible for screen reader users to browse documents, and improve visual scanning as well. Headings should be used in order, beginning with <h1>. [Put something here if title counts as H1 or not]
- Heading Styles in Word
Examples: Normal, Heading 1 - Heading 5
2. Alternative Text Descriptions
All non-text elements that convey information must have descriptive alternative text (alt text). This includes any images that you embed in web pages or documents. Most authoring software includes a simple way to add and edit alt text.
Canvas Alt Text
Word Alt Text
3. Video Closed Captions
Any videos that you share on the Rice website or in your online course should include accurate closed captions. Accurate closed captions are synchronized with the video and contain no major spelling and grammar errors. In Canvas, asynchronous videos can be hosted in Kaltura or Zoom Cloud, both of which include automatic machine-generated captions. However, these automatic captions fall well below the 99% accuracy threshold, so they will need some cleaning up to be truly accessible. Find more general guidance about closed captions at the DCMP Captioning Key
Kaltura (My Media in Canvas)
Zoom (Cloud Recording)
4. Color Contrast
Ensure there is sufficient color contrast between foreground text a background. For example, this paragraph of black text (#000000) appears on a white background (#FFFFFF), which creates a contrast ratio of 21:1 (highest). The opposite of this is white text on a white background, which creates a contrast ratio of 1:1 (lowest). We should aim for a minimum contrast ratio of 4.5:1 for all text to meet accessibility standards.
Canvas Color Contrast
Word Color Contrast
The Microsoft Office suite does not include an integrated solution for checking color contrasts. For more information about this process, see this article from Medium. For a free and robust color analyzing tool, we recommend the Paciello Group Colour Analyser (Windows, .exe; Mac, .dmg).
5. Descriptive links
Avoid ambiguous link text like "click here" or "read more." Also, avoid pasting long URLs. Instead, make sure all links describe where they will take users before they are clicked. This is especially helpful for people who use screen readers, who depend on accurate descriptions to determine which links are relevant.
6. Table headers
Make sure that the cells in the top row of your table are marked as a column headers. Also, when possible, keep tables simple and avoid merging and splitting cells. This will help screen reader users determine how data is related. Lastly, avoid using tables for presentation-only purposes. In other words, avoid using tables as a way to segment content on a web page or document.
7. PDF Files