✅ GOOD EXAMPLE
Course Content - Accessible Version
This represents the same course content with proper accessibility features that make it usable for everyone.
Course Overview
Learning Objectives
By the end of this course, students will be able to identify key concepts and apply them in real-world scenarios. All text now meets WCAG contrast requirements and is easy to read.
Module 1: Fundamentals
This module covers the foundational concepts you'll need for the rest of the course, including key terminology and basic principles.
Assignment Instructions
Submit your work using the submission portal by the end of the week. Your assignment should include:
- A written analysis (500-750 words)
- Supporting data or examples from the readings
- Proper citations in APA format
- A reflection on how you'll apply these concepts
Important Notice
⚠️ Important: This is critical information that all students must read! Please review the updated course policies in your student handbook before the next class session.
Additional Resources
Here are some helpful resources to supplement your learning:
Accessibility Improvements Made
- Proper heading hierarchy: Single H1, logical H2/H3 structure that screen readers can navigate
- High contrast text: All text meets WCAG AA contrast standards (4.5:1 or higher)
- Descriptive alt text: Informative images have detailed, meaningful descriptions
- Decorative images marked: Decorative images have empty alt="" and role="presentation"
- Accessible notifications: Warning messages use proper contrast and clear language
- Semantic structure: All headings use proper HTML markup instead of styled divs
Screen Reader Experience
Now screen reader users can:
- Navigate by headings: Jump between sections using H1, H2, H3 structure
- Understand images: Hear detailed descriptions of charts and skip decorative elements
- Read all content: No text is too light or low-contrast to access
- Get context: Important notices are clearly marked and easy to identify
Key Takeaways
Essential Content Accessibility Principles
- Structure matters: Proper headings create a roadmap for all users
- Contrast is critical: Text must be readable under all conditions
- Images need context: Every image should either inform or be marked as decorative
- Consistency helps: Use the same patterns throughout your content
- Test with real tools: Accessibility checkers catch issues you might miss
Implementation in Your LMS
These same principles apply whether you're creating content in:
- Canvas, Blackboard, Moodle: Use the built-in heading styles, not just bold text
- Word documents: Use Styles panel for headings, check contrast before converting to PDF
- PowerPoint: Use slide layouts with proper heading structure, add alt text to images
- HTML pages: Follow semantic markup practices shown in this example