[Draft] Developing Accessible Content

Introduction

This curriculum focuses on markup and coding techniques to develop accessible content. It is designed for teaching developers, with particular focus on front-end developing techniques. Other curricula addresses teaching designers, content authors, and others.

This curriculum relates primarily to compatibility with text-to-speech functionality, which is used by many people with different types of disabilities.

This curriculum results in courses that:

• Explain some key terms of accessibility from a developer’s perspective.
• Provide markup and code techniques to make the following accessible:
  • Page structure.
  • Navigation.
  • Images and graphics.
  • Tables.
  • Forms.

Prerequisites for Students

Students of courses based on this curriculum are expected to have achieved the learning outcomes from the following prior modules and topics:

• (Introduction to Web accessibility) Module 1: What is Web accessibility — Introduces stories of people with disabilities, defines and scopes web accessibility, and introduces its interrelations with other disciplines.
• (Introduction to Web accessibility) Module 2: People and Digital Technology — Introduces some accessibility features and barriers, presents some adaptive strategies and assistive tools, and introduces the components of web accessibility.
• (Introduction to Web accessibility) Module 4: Principles, Standards, and Checks — Introduces the principles of web accessibility, as well as the international W3C accessibility standards, and how these are developed. Provides hands-on experience checking how web pages have implemented the standards or not.
• (Introduction to Web Accessibility) Module 5: Topic Roles and Responsibilities — Introduces roles and responsibilities for accessibility.

Modules in this Curriculum

• Module 1: Structure, Semantics, and Navigation.
  • Topic: Page Headings.
  • Topic: Page Contents.
  • Topic: Page Regions.
  • Topic: Orientation and Navigation
• Module 2: Navigational Menus.
  • Topic: Single-Level Menus
  • Topic: Multi-Level Menus
  • Topic: Additional Information for a Menu
• Module 3: Images and Graphics.
  • Topic: Simple Images.
  • Topic: Complex Images.
• Module 4: Tabular Information.
  • Topic: Navigating Tabular Information.
  • Topic: Contextual Information for Tables.
  • Topic: Associating Information.
• Module 5: Forms and Input Elements.
  • Topic: Interacting with Forms.
  • Topic: Identifying Form Fields.
  • Topic: Validating User Input
  • Topic: Notifying Users.
• Module 6: Widgets.
  • Topic: WAI-ARIA specification.
  • Topic: Programmatic and Visual Focus.
  • Topic: Additional States of a Widget.
  • Topic: Dynamic Changes.