Introduction

Learning Outcomes

Welcome to Web Accessibility for Developers. We are glad that you are here and are taking the time to learn some very important, marketable developer skills!

By the time you complete this book, you should be able to:

  • Test web interactivity with a screen reader to ensure accessibility.
  • Identify the differences between static and dynamic WAI-ARIA.
  • Describe both graceful degradation and progressive enhancement development methods.
  • State when and when not to use WAI-ARIA.
  • Explain the limitations of WAI-ARIA.
  • Apply WAI-ARIA landmarks and live regions to web content.
  • Create accessible progress bars, suggestion boxes, and tooltips with WAI-ARIA.
  • Build accessible sliders, accordions, tab panels, and carousels with WAI-ARIA.
  • Implement effective design patterns for accessible menu bars, tree menus, and sortable lists with WAI-ARIA.

Suggested Prerequisites

This book is intended for web developers.
To get the most out of this book, you should have the following prerequisite knowledge:

  • JavaScript: You should have a functional understanding of the JavaScript scripting language and be familiar with using jQuery and jQuery plugins. Though you can follow along with basic knowledge of JavaScript and jQuery, it will be easier to understand if you are comfortable writing (or, at least, copying and pasting) JavaScript code and making adjustments.
  • HTML: You should have at least a functional understanding of HTML 5. Though most of the HTML in this book will be provided, you’ll need to understand how it is used to produce the widgets you’ll be working on.
  • Git Version Control: We strongly recommend a GitHub account (and a basic understanding of how it is used) in order to participate in the activities found in this book. Details will be provided in the book if you need to set up an account, and basic Git commands will be covered.

Suggested Technology

You will need the following applications to complete the activities in this book:

  • ChromeVox Screen Reader: Required for testing assignment submissions prior to submitting.
  • FireFox Developer Edition: Optional, but includes the FireBug Developer Tools, which are more helpful for debugging than the default developer tools included with various browsers.
  • Git: (Optional) Though you can edit activity files and send them to a web server, you’ll be better off installing Git or a Git Client and working from your own local development environment.
  • Plain Text Editor: Required for editing HTML and JavaScript, which is much easier with a good, colour-coded text editor, such as Visual Studio Code, Sublime Text, or Atom.

Suggested Readings

Suggested Reading:

You might also look ahead to the next version by reviewing WAI-ARIA 1.2, currently available as an editor’s draft.

These readings are more references than they are readings. At a minimum, scan through these documents to understand what they contain and refer back to them when you encounter scenarios where WAI-ARIA could or should be used.


Disclaimer

The information presented in this book is for instructional purposes only and should not be construed as legal advice on any particular issue, including compliance with relevant laws. We specifically disclaim any liability for any loss or damage any participant may suffer as a result of the information contained. Furthermore, successful completion of activities in this book does not result in formal accreditation or recognition within or for any given field or purpose.

License

Icon for the Creative Commons Attribution-ShareAlike 4.0 International License

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.

Share This Book