Interactive Checklist
Self-tracking checklist for Ultra. Built with HTML/CSS. WCAG-aware.
Overview
The Interactive Checklist Generator was designed to help students track their progress in Blackboard Ultra courses. Staff needed an easy way to provide interactive, accessible checklists without advanced coding skills. Constraints included Blackboard’s limited HTML/CSS support and the need for compatibility across courses and devices.
Process
- Built the tool in HTML, CSS, and JavaScript, hosted directly inside the Ultra content collection.
- Designed the interface for simplicity, with tickable items and clear progress markers.
- Tested the generator in live Ultra courses with staff to ensure accessibility and ease of use.
- Refined layouts and keyboard focus states to comply with WCAG 2.2 standards.
Outcome
Students gained an interactive tool that supported self-regulation and task management, improving clarity around weekly activities and requirements. Staff reported that the generator reduced questions about “what’s due” and improved course organisation.
Screenshot
