Accessibility checker

LearnBuilder ships with a built-in accessibility checker in the lesson editor. It scans every block in the lesson and flags issues against WCAG 2.2 so you catch problems before learners hit them.

Running a check

1. Open the lesson editor.
2. Click the ... (three-dot) menu in the editor toolbar.
3. Select Accessibility check — the label shows the number of issues found (e.g. Accessibility check (3)).
4. A panel expands listing all issues by severity:
   • Warning — likely to prevent some learners from accessing content (e.g. missing video captions).
   • Info — suggestions for improvement.
5. Click any issue to scroll the editor to the affected block.
6. Each issue includes the relevant WCAG rule reference.

What the checker catches

• Missing captions or subtitles on video blocks.
• Missing alt text on images.
• Hover-only interactions inaccessible to keyboard and touch users.
• Hotspot Image blocks without a background-image alt text.
• Images inside text blocks without alt text.
• Low-contrast hints.
• Keyboard accessibility warnings for Hotspot and Drag & Drop blocks.
• Heading level violations (e.g. an h1 inside a text block, or skipped levels such as h2 → h4).
• Link-quality warnings (empty links, or vague link text like "click here" or "read more").

Reduced motion

Lottie animations respect the learner's system preference for reduced motion (WCAG 2.3.3). When reduced motion is preferred, animations show their first frame without playing — you don't need to author a separate "static" version.