What is WCAG 2.1 AA Compliance?

The Web Content Accessibility Guidelines (WCAG) 2.1 Level AA is the internationally recognized standard for web accessibility. It ensures that digital content is accessible to people with disabilities, including those who are blind, deaf, have limited mobility, or have cognitive disabilities.

Why it matters: Creating accessible course content isn't just about complianceβ€”it's about ensuring all students can access, engage with, and succeed in your courses. Accessible design benefits everyone, not just students with disabilities.

The Four Principles of Accessibility

WCAG 2.1 is built on four core principles, often abbreviated as POUR

πŸ‘οΈ

Perceivable

Information and user interface components must be presentable to users in ways they can perceive. This includes providing text alternatives, captions, and sufficient color contrast.

⌨️

Operable

User interface components and navigation must be operable. This includes keyboard accessibility, sufficient time to complete tasks, and avoiding content that causes seizures.

🧠

Understandable

Information and the operation of user interface must be understandable. This includes readable text, predictable navigation, and clear instructions and error messages.

βœ“

Robust

Content must be robust enough to be interpreted reliably by a wide variety of user agents, including assistive technologies like screen readers.

Practical Guidelines for Your Canvas Course

Text Content & Documents

βœ“
Use Clear Headings

Structure your content with proper heading hierarchy (H1, H2, H3). This helps screen readers navigate and helps all students scan content easily.

βœ“
Provide Alt Text for Images

All images must have alternative text that describes the content or function of the image. Decorative images should have empty alt text (alt="").

βœ“
Use Accessible PDFs

PDFs must be tagged and include proper structure. Consider providing HTML alternatives when possible. Use accessibility checkers in Word/PowerPoint before converting to PDF.

βœ“
Create Descriptive Link Text

Avoid "click here" links. Use descriptive text that makes sense out of context (e.g., "Download the assignment rubric" instead of "click here").

Video & Multimedia

βœ“
Add Captions to All Videos

All videos must have accurate captions. Edit auto-generated captions for accuracy.

βœ“
Provide Transcripts

In addition to captions, provide downloadable transcripts for videos and audio files. This benefits students in low-bandwidth situations too.

βœ“
Audio Descriptions for Visual Content

For videos with important visual information, consider providing audio descriptions or detailed text descriptions of visual elements.

Color & Visual Design

βœ“
Ensure Sufficient Color Contrast

Text must have a contrast ratio of at least 4.5:1 against its background. Large text can be 3:1. Use online contrast checkers to verify.

βœ“
Don't Rely on Color Alone

Never use color as the only way to convey information. Add text labels, patterns, or icons alongside color coding.

βœ“
Use Readable Fonts

Use clear, sans-serif fonts (Arial, Calibri, Verdana) in at least 12pt. Avoid fancy or decorative fonts. Ensure adequate line spacing.

Navigation & Structure

βœ“
Organize Content Logically

Use Canvas modules to organize content in a clear, predictable structure. Students should easily understand the course flow.

βœ“
Provide Clear Instructions

All assignments and activities should have clear, detailed instructions. Don't assume students will figure things out on their own.

βœ“
Ensure Keyboard Accessibility

All interactive elements must be accessible via keyboard alone (Tab, Enter, Arrow keys). Test your course navigation without a mouse.

Forms & Interactive Elements

βœ“
Label All Form Fields

Every input field must have a clear, descriptive label. Use Canvas quiz question titles and provide clear instructions.

βœ“
Provide Error Messages

If students make errors in forms or quizzes, the tool must provide clear, specific feedback about what went wrong and what to do next.

βœ“
Give Adequate Time

For timed quizzes, consider providing extended time options. If using third-party tools, ensure they meet accessibility standards.

Tools & Resources

πŸ”

Canvas Accessibility Checker

Use Canvas's built-in accessibility checker when creating content in the Rich Content Editor. It flags common issues automatically.

🎨

Color Contrast Checkers

Tools: WebAIM Contrast Checker, Colorable, Stark. Test your color combinations before using them in course materials.

πŸ“„

Document Accessibility

Microsoft Office and Google Docs have built-in accessibility checkers. Use them before uploading documents to Canvas.

πŸ“Ή

Caption Tools

Many video providers generate auto-captioning using machine learninig algorithms. These transcripts can often be manually edited to ensure 100% accuracy.

βœ“

Yuja Accessibility Checker

Yuja Panorama can be activated to assess web accessibility in your Canvas course. For assistance with remediation, submit a course assistance request to enable Yuja for your course.

πŸ“š

External Resources

WebAIM.org, W3C WCAG Guidelines, and Section508.gov provide comprehensive accessibility documentation and tutorials.

Course Accessibility Checklist

Use this checklist to audit your Canvas course for WCAG 2.1 AA compliance

βœ“ General Course Structure

  • Course modules are organized in a logical, sequential order
  • All course pages have descriptive titles
  • Navigation is consistent throughout the course
  • Instructions are clear and complete for all activities
  • Syllabus includes accessibility statement and accommodation information

βœ“ Text & Documents

  • All text has sufficient color contrast (4.5:1 minimum)
  • Fonts are readable and at least 12pt
  • Content uses proper heading structure (H1, H2, H3)
  • Links have descriptive text (no "click here")
  • PDFs are tagged and accessible (or HTML alternatives provided)
  • Tables have proper headers and structure
  • Lists use proper list formatting (not just dashes)

βœ“ Images & Visual Content

  • All meaningful images have alternative text
  • Decorative images have empty alt text (alt="")
  • Complex images (charts, graphs) have detailed descriptions
  • Color is not the only way information is conveyed
  • Images of text are avoided (or text alternative provided)

βœ“ Video & Audio

  • All videos have accurate captions
  • Transcripts are provided for all video and audio content
  • Videos do not autoplay
  • Audio is clear and background noise is minimal
  • Video player controls are keyboard accessible

βœ“ Interactive Elements

  • All interactive elements are keyboard accessible
  • Form fields have clear labels
  • Error messages are clear and helpful
  • Buttons and links have descriptive text
  • Quizzes provide adequate time (with extension options)
  • Third-party tools (LTIs) are accessibility compliant

Need Help Making Your Course Accessible?

Our instructional designers can help you audit your course and implement accessibility improvements