ESDC Self-Paced Web Accessibility Course
This course is based on the Web Content Accessibility Guidelines 2.1 (WCAG 2.1) level AA. The concepts, success criteria and techniques are thoroughly explained using clear and simple language with relevant examples and sample code. There are 11 modules in the course and it takes about 1 hour of reading per module. This course is designed for designers, developers, testers, trainers, content authors, project managers and anyone who's interested in learning more about web accessibility.
We welcome your ideas, suggestions and comments. Please submit feedback using this survey form.
This module introduces web accessibility, disability types and accessibility guidelines including Web Content Accessibility Guidelines (WCAG), Authoring Tool Accessibility Guidelines (ATAG), and Accessible Rich Internet Application (ARIA).
This module provides accessibility best practices related to landmarks, headings, content structure, language, lists, iframes, parsing, and validity.
This module provides accessibility best practices related to links and navigation. Topics include link purpose, link activation, visual focus indicator, distinguishing links from text, and opening links in new window. Topics also include blocks of navigation, consistency, skip navigation links, table of contents, and focus and focus order.
This module provides accessibility best practices related to tables. Topics include table concepts, one header, two headers, irregular headers, multi-headers tables, as well as captions and summary.
This module provides accessibility best practices related to images. Topics include text alternatives, informative, decorative, redundant, and functional images. Topics also include animated images, complex images, groups of images, image maps, and SVG.
This module provides accessibility best practices related to forms. Topics include forms concepts, labeling controls, grouping controls, form instructions, identifying input purpose, validating input, user notifications, multi-step forms, and custom controls.
This module provides accessibility best practices related to visual design and colours. Topics include colour, contrast, visual proximity of labels, text spacing, CSS-generated content, hiding content and exposing content.
This module provides accessibility best practices related to zoom and responsive design. Topics include zoom, responsive design, forms, images, text, objects, tables, UI components, video, and orientation.
This module provides accessibility best practices related to audio, video, animations, and motion. Topics include multimedia policy matrix, captions, transcripts, sign language, media player accessibility, flashing content, animation, and motion.
This module provides accessibility best practices related to input modalities. Topics include mouse input, keyboard input, touch/pointer input, voice input, and motion actuation.
This module provides accessibility best practices related to ARIA live regions and time limits. ARIA live regions are regions that announce dynamic updates. Topics include aria-live, aria-atomic, aria-relevant, aria-busy, special types, and time limits.
Module 12 - ARIA widgets
This module provides accessibility best practices related to ARIA widgets. This module is a work in progress, stay tuned for the completed version.
Site map of all modules
Best practices from all modules