Web Accessibility Course

Lesson 1 • The Accessibility Mindset

Frames accessibility as a continuous practice rather than a checklist. Prepares learners to embed inclusive thinking into every project phase.

Lesson 2 • The Business and Ethical Case

Examines why organisations invest in accessibility beyond compliance. Connects ethical responsibility to measurable business outcomes.

Lesson 3 • Defining Web Accessibility

Covers the meaning of web accessibility and the spectrum of disabilities it addresses. Grounds all subsequent learning in a shared, precise definition.

Lesson 4 • How Assistive Technologies Work

Explains the tools people with disabilities use to navigate the web. Builds empathy and technical awareness needed for accessible design decisions.

Lesson 1 • Perceivable Content Principles

Covers criteria ensuring all information is presentable to users' senses. Directly applies WCAG Principle 1 to real content types.

Lesson 2 • Operable Interface Principles

Addresses criteria that ensure all functionality is accessible via keyboard and time-tolerant interaction. Connects interface behaviour to WCAG Principle 2.

Lesson 3 • Applying Conformance Levels Strategically

Teaches how to select and justify conformance targets for real projects. Bridges abstract criteria to practical project scoping decisions.

Lesson 4 • Robust Markup Principles

Focuses on criteria ensuring content is interpreted reliably by assistive technologies. Ties code quality to WCAG Principle 4.

Lesson 1 • Accessible Forms and Inputs

Covers labelling, grouping, and error-handling patterns for form controls. Directly impacts the most common interaction barrier on the web.

Lesson 2 • Semantic HTML Elements

Introduces native HTML elements that carry built-in accessibility meaning. Establishes the foundation for all accessible markup practices.

Lesson 3 • Links, Buttons, and Interactive Controls

Distinguishes correct usage of links vs. buttons and ensures interactive elements are accessible. Prevents the most common semantic misuse patterns.

Lesson 4 • Document Language and Metadata

Explains how language declarations and page metadata affect assistive technology behaviour. Completes the semantic layer of accessible HTML documents.

Lesson 1 • Live Regions and Dynamic Updates

Teaches how to announce dynamic content changes to screen reader users. Addresses the accessibility gap created by JavaScript-driven UI updates.

Lesson 2 • Accessible Custom Widgets with ARIA

Applies ARIA patterns to build accessible tabs, modals, accordions, and menus. Translates ARIA specification into production-ready component patterns.

Lesson 3 • ARIA Fundamentals and Rules

Introduces the purpose of ARIA and its five rules of use. Prevents common misapplication before learners build complex patterns.

Lesson 4 • ARIA Anti-Patterns and Debugging

Identifies frequent ARIA misuse that degrades accessibility and teaches correction strategies. Builds critical review skills for auditing existing codebases.

Lesson 1 • Colour, Contrast, and Visual Clarity

Covers contrast ratio requirements and colour-independent communication of information. Directly addresses the most frequently failed WCAG visual criteria.

Lesson 2 • Focus Indicators and Keyboard Visibility

Explains how to design visible, high-contrast focus styles for keyboard users. Addresses one of the most commonly suppressed accessibility features.

Lesson 3 • Motion, Animation, and Reduced Motion

Addresses the risks of animation for users with vestibular disorders and teaches safe motion practices. Applies WCAG motion and seizure criteria to CSS animations.

Lesson 4 • Typography and Readable Text

Teaches font sizing, line spacing, and text resizing techniques for readability. Connects typographic choices to WCAG resize and spacing criteria.

Lesson 1 • Custom Keyboard Interaction Patterns

Applies established keyboard conventions to composite widgets like menus and grids. Ensures custom components meet user expectations for keyboard behaviour.

Lesson 2 • Modal and Overlay Focus Trapping

Teaches correct focus containment within dialogs, drawers, and overlays. Prevents focus from escaping interactive layers and confusing screen reader users.

Lesson 3 • Keyboard Navigation Fundamentals

Establishes the baseline keyboard interaction model for web interfaces. Provides the conceptual framework for all focus management techniques.

Lesson 4 • Testing and Auditing Keyboard Access

Provides a systematic process for manually testing keyboard accessibility. Builds the auditing skill needed to verify and document keyboard conformance.

Lesson 1 • Automated Testing Tools and Limits

Introduces automated accessibility scanners and explains what they can and cannot detect. Sets realistic expectations before manual and user testing methods are introduced.

Lesson 2 • Writing Accessibility Audit Reports

Teaches how to document findings, assign severity, and recommend fixes clearly. Transforms raw test data into actionable deliverables for development teams.

Lesson 3 • User Testing with Disabled Participants

Explains how to recruit, plan, and conduct usability sessions with disabled users. Produces qualitative insights that no automated or manual tool can replicate.

Lesson 4 • Screen Reader Testing Protocols

Teaches how to test with major screen readers across operating systems and browsers. Provides the most direct validation of real assistive technology compatibility.

Lesson 1 • Building an Accessible Component Library

Guides teams in creating reusable, pre-tested accessible UI components. Scales accessibility quality across products without duplicating effort.

Lesson 2 • Accessibility in Agile and Scrum Teams

Adapts accessibility practices to sprint-based delivery cycles. Prevents accessibility debt from accumulating across iterative development.

Lesson 3 • Developer Handoff and Implementation

Covers how to communicate accessibility requirements from design to engineering. Ensures specifications survive the handoff and are implemented correctly.

Lesson 4 • Accessibility in the Design Phase

Embeds accessibility checkpoints into UX research, wireframing, and visual design. Prevents costly remediation by catching issues before code is written.