How do I make Moodle content accessible?
Many of the same techniques for making documents accessible can be used to make a web site, including a Moodle course site, accessible. In Moodle paragraph styles (e.g., Heading (large) <h3>) add structure to text. Knowing how and when to use these styles can greatly reduce issues with screen reading software.
How to make your Moodle site accessible
- Understand how screen readers interpret Moodle sites: The course name are read first, then all the content sections, and then the blocks.
- Use paragraph styles to add heading tags (e.g., h1, h2, h3) to websites to indicate a hierarchy. In Moodle the H1 tag is used to note the course name and the H2 tag is used to note section headers. You will notice that the Moodle text editor’s options begin with <h3>. This is to prevent the reuse of tags already in use for top level information. Nest headings and subheadings using paragraph styles in descending order. For example, a heading or parent item would be <h3> a subheading or child of that item would be a <h4>. A new parent items would be <h3> again.
- When inserting visual elements (charts, graphs, images), include an alternate text description.
- Avoid using red and green to add emphasis to text. Readers who are colorblind may not be able to differentiate these colors. Colored text should not be used as the only method to convey emphasis or to stress importance.
- Text and background colors should be high contrast (e.g., black text on white background).
- While there are no special tools needed to make a website accessible, it can be a good idea to use a screen reader emulator (such as Fangs for Firefox) to test out the readability of your site.
University of Minnesota Accessibility Resources