Familiarise yourself with the course site and course guide.

• Dates: Independent study before starting the course.
• Resources:
  1. About WACC301
  2. Start here
  3. Course Guide
• Key activities:
  1. Complete the OERu new participant survey OERu new participant survey (optional).
  2. Complete the 5 things you should do before starting the course

Background about disability, accessibility, and related standards and legislation.

• Dates: Independent study (recommend 2 days)
• Topics:
  1. Start here
  2. Types of Disabilities and Barriers
  3. Why Learn About Accessible Web Development
  4. AODA Background
  5. About WCAG and WAI-ARIA

Install software, setup accounts, and prepare for submitting course assignments

• Dates: Independent study (recommend 2 days)
• Topics:
  1. Submitting Coding Assignments and Using GitHub
  2. Introduction to the jQuery Plugin
  3. Other WAI-ARIA Libraries
  4. ChromeVox Screen Reader Install and Setup
  5. WAI-ARIA and HTML 5

• Activities
  1. Activity 1: How to Submit Assignments
  2. Activity 2: Set Up and Use ChromeVox
  3. Self-Test 1

An introduction to the W3C’s Accessible Rich Internet Applications standard.

• Dates: Independent study (recommend 2 days)
• Topics:
  1. What is WAI-ARIA?
  2. Roles, States, and Properties
  3. Static vs. Dynamic WAI-ARIA
  4. Browser and Screen Reader Support for WAI-ARIA
  5. Graceful Degradation vs. Progressive Enhancement
  6. Validating WAI-ARIA
  7. WAI-ARIA Taxonomy

• Activities:
  1. Activity 3: WAI-ARIA Scavenger Hunt
  2. Self-Test 2

A look at static WAI-ARIA, written directly into HTML without the need for scripting.

• Dates: Independent study (recommend 3 days)
• Topics:
  1. WAI-ARIA Landmarks
  2. Common Static WAI-ARIA
  3. WAI-ARIA Alert and Message Dialogs
  4. Using Tabindex
  5. Keyboard Interaction
  6. Application and Presentation Roles
  7. Live Regions

• Activities:
  1. Activity 4: WAI-ARIA Landmarks and Alerts
  2. Self-Test 3

Making suggestion boxes, tooltips, and progress bars accessible to assistive technology users.

• Dates: Independent study (recommend 3 days)
• Topics:
  1. Toggle Buttons (Activity Example)
  2. Suggestion Boxes
  3. Tooltips
  4. Progress Bars

• Activities:
  1. Activity 5: Accessible Suggestion Box
  2. Activity 6: Accessible Tooltips
  3. Activity 7: Accessible Progress Bar

Making sliders, accordions, tab panels, and carousels accessible to assistive technology users.

• Dates: Independent study (recommend 3 days)
• Topics:
  1. Sliders
  2. Accordions
  3. Tab Panels
  4. Carousels

• Activities:
  1. Activity 8: Accessible Slider
  2. Activity 9: Accessible Accordion
  3. Activity 10: Accessible Tab Panel
  4. Activity 11: Accessible Carousel

Making navigation menus accessible to assistive technology users.

• Dates: Independent study (recommend 3 days)
• Topics:
  1. Menu Bars
  2. Tree Menus
  3. Sortable Lists

• Activities:
  1. Activity 12: Accessible Menu Bar
  2. Activity 13: Accessible Tree Navigation
  3. Activity 14: Accessible Sortable List