[Draft] Developing Accessible Content

Introduction

This curriculum focuses on markup and coding techniques to develop accessible content. It is designed for developers, with special focus on front-end developing techniques.

Its aims are to:

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

Prerequisites for Students

To make the most out of this curriculum, students should have knowledge about the following modules:

• (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.

Modules

• Module 1: Page Structure.
  • Topic: Different Ways of Browsing the Web.
  • Topic: Semantics and Structure.
• Module 2: Navigation and Menus.
  • Topic: Patterns for Navigation.
  • Topic: Structuring and Labeling Navigational Elements.
  • Topic: Additional Functionality.
• Module 3: Images and Graphics.
  • Topic: Images for All.
  • Topic: Including Images in Websites
• Module 4: Tables.
  • Topic: Navigating Tabular Information.
  • Topic: Contextual Information for Tables.
  • Topic: Associating Information.
• Module 5: Forms.
  • Topic: Interacting with Forms.
  • Topic: Identifying Form Fields.
  • Topic: Validating User Input
  • Topic: Notifying Users.
• Module 6: Widgets.