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 Check Accessibility — the label shows the number of issues found (e.g. Check Accessibility (3)).
4. A panel expands listing all issues by severity:
   • Error — likely to prevent some learners from accessing content (e.g. missing video captions).
   • Warning — best-practice violations that should be addressed.
   • 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.

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.