Izzy´s eBook Library - Web Accessibility for Developers by Greg Gay, Igor Karasyov

Web Accessibility for Developers
Author: Greg Gay, Igor Karasyov
Publisher: The Chang School, Ryerson University
Published: 2019-11-29
Copyright: CC BY-SA 4.0
Source: Src

Web Accessibility for Developers is a technical resource aimed primarily at programmers. Learn how to develop accessible interactivity on the Web and gain expertise using WAI-ARIA, a W3C specification that enables optimal use of assistive technologies, like screen readers, when navigating the Web.

Copyright © 2019 by Ryerson University, The Chang School. Web Accessibility for Developers by Ryerson University, The Chang School is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License, except where otherwise noted.

Inhalt

• Introduction
• Choosing Your Learning Path
• The Information Here Will Be Helpful To...
• Accessibility Statement
• Background
  • Types of Disabilities and Barriers
  • Why Learn About Accessible Web Development
  • AODA Background
  • About WCAG and WAI-ARIA
• 1. Introduction
  • 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
• 2. Introduction to WAI-ARIA
  • Objectives and Activities
  • 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
• 3. Basic WAI-ARIA
  • Objectives and Activities
  • 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
• 4. Interactive WAI-ARIA (Basic)
  • Objectives and Activities
  • Toggle Buttons (Activity Example)
  • Suggestion Boxes
  • Activity 5: Accessible Suggestion Box
  • Tooltips
  • Activity 6: Accessible Tooltips
  • Progress Bars
  • Activity 7: Accessible Progress Bar
• 5. Interactive WAI-ARIA (Intermediate)
  • Objectives and Activities
  • Sliders
  • Activity 8: Accessible Slider
  • Accordions
  • Activity 9: Accessible Accordion
  • Tab Panels
  • Activity 10: Accessible Tab Panel
  • Carousels
  • Activity 11: Accessible Carousel
• 6. Interactive WAI-ARIA (Advanced)
  • Objectives and Activities
  • 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