Primary Navigation
Book Contents Navigation
Introduction
Choosing Your Learning Path
The Information Here Will Be Helpful To...
Accessibility Statement
Types of Disabilities and Barriers
Why Learn About Accessible Web Development
AODA Background
About WCAG and WAI-ARIA
Objectives and Activities
Submitting Coding Assignments and Using GitHub
Activity 1: How to Submit Assignments
Introduction to the jQuery Plugin
Other WAI-ARIA Libraries
ChromeVox Screen Reader Install and Setup
Activity 2: Set Up and Use ChromeVox
WAI-ARIA and HTML 5
Self-Test 1
What is WAI-ARIA?
Roles, States, and Properties
Static vs. Dynamic WAI-ARIA
Browser and Screen Reader Support for WAI-ARIA
Graceful Degradation vs. Progressive Enhancement
Validating WAI-ARIA
WAI-ARIA Taxonomy
Activity 3: WAI-ARIA Scavenger Hunt
Self-Test 2
WAI-ARIA Landmarks
Common Static WAI-ARIA
WAI-ARIA Alert and Message Dialogs
Using Tabindex
Keyboard Interaction
Application and Presentation Roles
Live Regions
Activity 4: WAI-ARIA Landmarks and Alerts
Self-Test 3
Toggle Buttons (Activity Example)
Suggestion Boxes
Activity 5: Accessible Suggestion Box
Tooltips
Activity 6: Accessible Tooltips
Progress Bars
Activity 7: Accessible Progress Bar
Sliders
Activity 8: Accessible Slider
Accordions
Activity 9: Accessible Accordion
Tab Panels
Activity 10: Accessible Tab Panel
Carousels
Activity 11: Accessible Carousel
Menu Bars
Activity 12: Accessible Menu Bar
Tree Menus
Activity 13: Accessible Tree Navigation
Sortable Lists
Activity 14: Accessible Sortable List
Content Recap
Web Accessibility for Developers Toolkit
Answer Key: Self-Tests
Acknowledgements
Iframe Embedding Content from this Resource
2. Introduction to WAI-ARIA
Answer the following questions to test your understanding of key lessons in this unit.
Previous/next navigation
Web Accessibility for Developers Copyright © 2019 by The Chang School, Toronto Metropolitan University is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License, except where otherwise noted.