Accessible Online Course Design Toolkit

Accessible Online Course Design Toolkit

This is the capstone project for my graduate program

Project Overview

Project Duration:

8 Months

Platform:

WordPress

Target Audience:

University/College Employees, Educators/Teachers, Subject Matter Experts

Delivery Method:

Web-Based Resource, Video-Based Learning, Self-Guided Online Information, Self-Paced eLearning

Core Contributions:

Accessibility Compliance, Content Design, Curriculum Development, eLearning Development, Graphic Design, Instruction, Instructional Design, Interface Design, Project Management, Motion Design, Multimedia Design, User Experience Design, Web Design

Key Deliverables:

Wireframes, User Flows, Accessibility Guidelines, Course Syllabus, Course Instruction, Modular Course Structure, Instructional Videos, Step-by-Step Tutorials, Infographics, Learner Personas, Project Timeline, Final Course Prototype, Technical Setup Instructions

Design Process

Needs Analysis

Course creators across education and training contexts lacked practical resources to integrate accessibility into their design process. Most existing materials focused on compliance checklists rather than unified approaches combining Human-Centered Design (HCD), Universal Design for Learning (UDL), and Web Accessibility. Busy professionals need immediately actionable tools over lengthy theoretical training.

The project’s main goals were to:

  1. Integrate Human-Centered Design, Universal Design for Learning, and Web Accessibility into a unified framework.

  2. Provide actionable, hands-on training in accessibility and Universal Design for Learning (UDL).

  3. Equip course creators with templates, checklists, and workflows to simplify accessible design.

  4. Create a free, publicly available resource that models accessibility while teaching it.

  5. Establish sustainable practices for long-term accessibility maintenance..

Learner Characteristics

Target Audience

  • Educators transitioning to online teaching with limited accessibility experience.

  • Higher education faculty and instructional designers seeking to implement accessibility best practices.

  • Nonprofit or corporate trainers developing internal training programs.

  • Participants range from basic to advanced online learning experience, all seeking practical accessibility strategies.

  • Many learners balance course creation with full-time responsibilities, requiring flexible, self-paced learning (5–10 hours).

Learner Motivations

  • Create learning experiences that work for everyone, not just compliance requirements.

  • Develop immediately usable skills and resources for course improvement.

  • Build professional expertise in inclusive design practices.

  • Improve learner satisfaction and completion rates in their courses.

  • Reduce legal risk while enhancing educational effectiveness.

Learning Preferences

Modular, self-paced learning with actionable exercises.

Video tutorials and practical resources.

Optional peer collaboration and feedback.

Templates and checklists for immediate application.

Learning Objectives

  1. Apply Human-Centered Design (HCD), Universal Design for Learning (UDL), and Web Accessibility (WCAG) principles to course development.

  2. Create evidence-based learner personas and course blueprints that center diverse learning needs.

  3. Develop accessible content across multimedia formats and assessments.

  1. Conduct accessibility audits and implement feedback systems for continuous improvement.
  2. Design sustainable accessibility strategies for course maintenance.
  3. Produce actionable accessibility plans to guide ongoing inclusive design practices.

Message Design

Design Principles

  • Model accessibility best practices throughout the learning experience.

  • Balance theoretical understanding with practical, hands-on application.

  • Provide flexible learning pathways to accommodate varied professional contexts.

  • Emphasize UDL integration rather than compliance-only approaches.

Content Strategies

  • Integrate HCD, UDL, and Web Accessibility into one unified approach.

  • Build content through understanding learners, planning structure, creating materials, and sustaining impact.

  • Use evidence-based persona development and course blueprinting techniques.

  • Include legal compliance education with practical implementation strategies.

  • Provide downloadable templates, checklists, and workflows for immediate use.

Core Features

Practical Templates

Downloadable goal-writing worksheets, course blueprints, and accessibility checklists.

Interactive Activities

Empathy maps, persona development, learner journey mapping, and accessibility audits.

Accessibility Testing Guides

Tutorials on WAVE, WebAIM, color contrast checkers, and LMS evaluation.

Task Sequence

The course follows a 4-module learning path designed for 5-10 hours total:

  1. Module 1 – Centering the Learner: Learn accessibility frameworks and create learner personas to guide design decisions.
  2. Module 2 – Building the Structure: Conduct needs analysis, write learning objectives, and develop accessibility strategies including legal requirements.
  3. Module 3 – Developing Materials: Apply inclusive design to content creation, media, and technology selection for accessible delivery.
  4. Module 4 – Sustaining Impact: Build accessibility into workflows and create systems for ongoing feedback and improvement.

Each module includes videos, activities, templates, and optional community support for immediate application and long-term success.

Resource Materials

Guides and Frameworks

  • Tutorials on WCAG, UDL, and assistive technologies

  • Institutional case studies (Yale, Vanderbilt)

  • Open-source accessibility tools (WAVE, axe, WebAIM)

  • Video lessons demonstrate key concepts with downloadable slides for ongoing reference.

  • Each lesson includes supporting resources that participants can use immediately in their own course development.

Checklists and Activities

  • Accessibility checklists and templates (course goals, modular outlines, content audit matrices)

  • Downloadable worksheets for learner journey mapping and persona development
  • These guides show how Human-Centered Design, Universal Design for Learning, and Web Accessibility work together.

  • They include practical examples from different educational contexts to help participants apply concepts in their own work.

Implementation Plan

  1. Self-paced lessons with short instructional videos and guided exercises.

  2. Integration of H5P interactive quizzes for feedback.

  3. Assignments submitted via shared Notion boards or Google Docs.

  4. Platform-agnostic design to support faculty, trainers, and independent creators.

  5. Distribution through portfolio site, with supplementary materials on YouTube for broader access.

Evaluation Methods

Participant Feedback

Surveys and reflections on course usability, clarity, and learning outcomes.

Task Completion

Tracking engagement with hands-on activities, exercises, and downloadable templates.

Peer Collaboration

Participation in sharing work, providing feedback, and engaging with peers.

Accessibility Assessment

Review of course materials and activities for accessibility and inclusive design.

Usage Analytics

Analysis of platform data to monitor learner interaction, progress, and resource usage.

Follow-Up Surveys

30- and 90-day surveys to track real-world use of accessibility strategies.

Results and Impact

ExpectedOutcomes

average student satisfaction rating, with strong performance in “encouraging participation” and “providing clear feedback.”

0 /4.0

of students agreed that the course created a positive atmosphere for learning and encouraged creativity.

0 %

Reflection

Project Insights

Successes

  • Gamification elements increase engagement, particularly for non-designer learners.
  • The adaptive learning approach accommodates varying skill levels.

Areas for Growth

  • Future versions could include more advanced prototyping techniques for experienced designers.
  • Expanding the course to include integration with development workflows would strengthen the handoff process.