WCAG 2.1 AA Basics

For images and videos, the most relevant requirements are:

• Non-text Content – Images must have text alternatives
• Captions – Pre-recorded and live videos must have captions
• Audio Description – Visual information must be described
• Images of Text – Avoid text embedded in images

---

Part 1: Accessible Images in Canvas

Adding Alt Text

When inserting an image in the Rich Content Editor:

1. Click Images → Upload Image
2. Open Image Options and find the Alt Text box
3. Enter a meaningful description

Writing Good Alt Text

Describe the purpose of the image, be concise but specific, and include relevant context.

Other Image Guidelines

• Decorative images: Check “Decorative Image” in Canvas or leave alt text empty.
• Complex images (charts, diagrams): Add a text explanation directly below, or link to a document with the same data.
• Images of text: Use Canvas text formatting tools instead. If unavoidable, replicate the text in surrounding content.

---

Part 2: Accessible Video in Canvas

Captions (Required)

In Canvas Studio: upload your video → Video Options → Caption Manager → request auto-captions → edit for accuracy.

• Captions must be synchronized
• Include speaker identification when relevant
• Include meaningful sounds, e.g. [applause]

Audio Descriptions

If important visual information is not spoken, add narration describing it or provide a separate described version.

Transcripts

Provide a full transcript when possible. Paste it below the video or link to a transcript document.

Live Video & Auto-play

• For live sessions (Zoom, etc.), enable live captions via auto-captioning or CART services.
• Do not embed videos that auto-play with sound.

---

Part 3: Accessible Media Players

Ensure: controls are visible and labeled, videos are keyboard operable, and third-party players (YouTube, etc.) meet accessibility standards.

Avoid: custom players without keyboard support, and videos with inaccessible controls.

---

Part 4: Testing Accessibility

Built-in Canvas Tools

Use the Accessibility Checker in the editor — it flags missing alt text, contrast issues, and suggests fixes. Use the Ally Course Accessibility Report for a full course overview.

Manual Testing

• Navigate using only a keyboard (Tab, Enter, Space)
• Use a screen reader (VoiceOver, NVDA)
• Watch videos with captions enabled

---

Practical Checklist

Images

• ☐ All images include meaningful alt text
• ☐ Decorative images marked correctly
• ☐ Complex visuals explained in text
• ☐ No essential text embedded in images

Videos

• ☐ Accurate captions provided
• ☐ Live sessions include captions
• ☐ Visual content is described
• ☐ Transcript available when possible
• ☐ No auto-play with sound