Ensuring our learning experiences are accessible to all learners is essential for inclusivity and compliance with legal standards, such as the Web Content Accessibility Guidelines (WCAG) 2.1 Level AA.
By integrating the following accessibility considerations into your course production process, you will ensure you meet legal requirements for accessibility and enhance the learning experience for everyone:
Visual Elements
- Alternative Text for Images: Provide descriptive alt text for all images that convey essential information.
- Contrast Ratio: Maintain a minimum contrast ratio of 4.5:1 for text and interactive elements.
- Avoid Colour-Only Indicators: Do not rely solely on colour to convey information; use icons, text, or patterns in addition to colour.
- Visible Focus Indicators: Ensure a visible focus indicator is present for all interactive elements.
- Scalable Content: Design content to be scalable and responsive, allowing text to resize up to 200% without loss of functionality.
Audio and Video Content
- Captions for Multimedia: Include captions for all prerecorded audio and video content.
- Media Controls: Provide easily accessible controls for audio/video content (play, pause, volume).
- Audio Descriptions: Include audio descriptions for video content where important visual information isn't conveyed through dialogue.
Navigation and Structure
- Keyboard Navigation: Ensure all interactive elements are accessible via keyboard navigation.
- Consistent Navigation: Apply consistent navigation elements and layout across all modules and sections.
- Reading Order: Ensure logical reading and navigation order, with proper heading hierarchy (H1, H2, H3).
- Document Structure: Use proper semantic HTML structure with descriptive names for sections and frames.
Interactive Elements and Forms
- Quiz Feedback: Offer clear feedback and error messages for quiz responses, including retry instructions.
- Form Submission Confirmation: Provide confirmation prompts before submission and allow users to review and correct information.
- Input Assistance: Include clear labels for form fields and provide input validation and error prevention.
- Touch Targets: Ensure adequate size and spacing for touch targets in mobile viewing.
Content and Text
- Plain Language Instructions: Use simple, plain language for activity instructions, avoiding technical jargon.
- Link Text: Use descriptive link text, avoiding generic phrases like "click here" or "read more".
- Table Structure: Use proper table markup including headers and avoid complex tables where possible.
- Alternative Formats: Provide alternatives for complex content like charts, diagrams, or mathematical expressions.
Technical Requirements
- Screen Reader Compatibility: Incorporate screen reader testing to verify navigability and interaction cues.
- Time Adjustments: Provide sufficient time for learners to read and interact with content, including options to extend, adjust, or turn off time limits.
- Motion Control: Provide controls to pause, stop, or hide any moving content, and avoid content that flashes more than three times per second.
- Mobile Responsiveness: Ensure content works effectively in both portrait and landscape orientations.
By adhering to these guidelines, you will create a more inclusive and effective learning environment for all users.
Note: our research-backed methods and principles also inherently support accessible design decisions.