Accessibility ensures all learners — including those with visual, auditory, mobility, or cognitive disabilities — can access and succeed in your courses. This will serve as a guide to help you create content that will conform to WCAG 2.2 AA compliance.
Quick wins
We have a chart with some various quick wins, do’s and don’ts to stay WCAG compliant.
Image accessibility
We’re committed to helping you create courses that everyone can access, and that starts with your images. Whenever you upload an image, it’s important to include
alt text: a brief, meaningful description that explains what the image shows and why it matters. This helps learners using screen readers understand your content and ensures your course meets WCAG 2.2 standards. If the image is purely decorative, you can mark it as such, but for anything informative take a moment to describe it clearly and concisely. This small step makes a big difference in creating inclusive learning experiences
When placing text or headings over images, make sure there is enough contrast between the text and the background to keep it readable for all learners. If the image is busy or colorful, consider using a dark overlay or background box behind the text to improve clarity and maintain accessibility.
Tools you can us
A number of color contrast checkers are freely available on the web or as browser
extensions. Look for WebAIM’s Contrast Checker and the WAVE accessibility checker.
Ensure colour contrast
The closer text colour is to the background colour, the harder it is to read. To figure out what colours your website is using, use a colour selector tool to grab a colour off your website. Having adequate colour contrast makes it easier for everyone, not just people with low vision, to read your content.
What you need to do
Make sure your text sufficiently stands out from the background.
Meet a 4.5: 1 color contrast ratio regardless of what size your text is
Tools you can use
A number of colour contrast checkers are freely available on the web or as browser
extensions. These include WebAIM’s Contrast Checker , and the Level Access Color Contrast Checker.
Text structure & headings
This success criterion isn’t about requiring headings and labels, it’s merely saying that when you use them, write clearly and descriptively so a user knows what content follows or what form fields are asking for. For example, an effective label for a form that is asking for a first name is “First name”.
What you need to do
Use concise, clear language for headings within a page .
Make sure that headings accurately identify the content of their section.
Tools you can us
Headings and Titles from CSUN’s Universal Design Center.
Links & buttons
This success criterion isn’t about requiring headings and labels, it’s merely saying that when you use them, write clearly and descriptively so a user knows what content follows or what form fields are asking for. For example, an effective label for a form that is asking for a first name is “First name ”
What you need to do
Use concise, clear language for headings within a page.
Make sure that headings accurately identify the content of their section
Tools you can us
Headings and Titles from CSUN’s Universal Design Center.
