Developer Modules in Curricula on Web Accessibility: A Framework to Build Your Own Courses

Introduction

The developer modules guide the creation of courses that:

• introduce key accessibility terms for developers
• demonstrate and explain how accessible coding enables people with disabilities to use the Web
• teach accessible markup and coding techniques for:
  • page structure, orientation, and navigation
  • menus
  • images
  • tables
  • forms
  • custom widgets
  • rich applications

These modules focus on accessible markup and coding techniques. They are primarily designed for teaching front-end developers.

Foundation Prerequisites

The developer modules are designed for students who have achieved the learning outcomes from the following subset of Foundation modules:

• Module 1: What is Web accessibility
  • Topic: Stories of People with Disabilities
  • Topic: Scope of Web Accessibility
• Module 2: People and Digital Technology
  • Topic: Diverse Abilities, Tools, and Strategies
  • Topic: Components of Web Accessibility
• Module 4: Principles, Standards, and Checks
  • Topic: Principles of Web Accessibility
  • Topic: W3C Accessibility Standards
  • Topic: Hands-on Experience of Standards
• Module 5: Getting Started with Accessibility
  • Topic: Roles and Responsibilities

In addition, students should have knowledge of HTML and CSS.

Developer Modules

• Page Structure – Explains coding techniques to convey the structure and semantics in accessible content and relates those techniques to how people with disabilities use the Web
  • Topic: Section Headings
  • Topic: Sections of Content
  • Topic: Page Regions
  • Topic: Page Composition
• Menus – Explains coding techniques to create accessible menus and relates them to how people with disabilities use the Web
  • Topic: Menu Structure
  • Topic: Menu Styling
  • Topic: Fly-out Menus
  • Topic: Application Menus
• Images – Explains coding techniques to provide text alternatives for images and relates them to how people with disabilities use the Web
  • Topic: Text Alternatives
  • Topic: Functional Images
  • Topic: Complex Images
• Tables – Explains coding techniques to create accessible tables and relates them to how people with disabilities use the Web
  • Topic: Simple Tables
  • Topic: Complex Tables
  • Topic: Table Descriptions
• Forms – Explains coding techniques to create accessible forms and relates them to how people with disabilities use the Web
  • Topic: Controls and Labels
  • Topic: Instructions
  • Topic: Notifications
• Custom Widgets – Explains coding techniques to create accessible custom widgets and relates them to how people with disabilities use the Web
  • Topic: Role Definitions
  • Topic: Accessible Names and Descriptions
  • Topic: States and Properties
  • Topic: Keyboard and Focus Management
• Rich Applications – Explains coding techniques to create accessible rich applications and relates them to how people with disabilities use the Web
  • Topic: Structure and Relationships
  • Topic: Keyboard and Focus Interactions
  • Topic: Concurrent Notifications