Slides from my DrupalCamp Toronto Session: Accessibility in Drupal

Slides from my DrupalCamp Toronto session: Accessibility in Drupal. Presented 2010-10-16. URLs shortened with the shortener go to Youtube videos.

Accessibility in Drupal

What, who, why, and how?

Everett Zufelt

ICT Accessibility Consultant
Drupal 7 Core Accessibility Maintainer
Fluid Project Accessibility Consultant
HTML WG Invited Expert

What is accessibility?


Who benefits from accessibility?

Users of mobile browsers
Google and other robots
Users with disabilities (,
Pretty much everyone else

Why make a site accessible?

Human Rights Code
Accessibility for Ontarians with Disabilities Act (AODA)
Section 508 of U.S. Federal Rehabilitation Act
Increase customers / clients
Morally appropriate action

How to make a site accessible?

Difference between recommendations and regulations
Web Content Accessibility Guidelines (WCAG)
Authoring Tool Accessibility Guidelines (ATAG)
Accessible Rich Internet Applications (ARIA)

What is WCAG?

Following these guidelines will make content accessible to a wider range of people with disabilities, including blindness and low vision, deafness and hearing loss, learning disabilities, cognitive limitations, limited movement, speech disabilities, photosensitivity and combinations of these.

What is ATAG?

This specification provides guidelines for designing web content authoring tools that are both (1) more accessible to authors with disabilities and (2) designed to enable, support, and promote the production of accessible web content by all authors.

What is ARIA?

Accessibility of web content requires semantic information about widgets, structures, and behaviors, in order to allow assistive technologies to convey appropriate information to persons with disabilities. This specification provides an ontology of roles, states, and properties that define accessible user interface elements and can be used to improve the accessibility and interoperability of web content and applications.

Improvements in Drupal 7

Themes are resizable with good contrast
Better use of headings
Local tasks (tabs) (
Table drag (

Improvements for developers

Two new system classes to hide content (
Accessible form element titles (

Improvements still needing work

Screen-reader users disable Overlay (
Missing form element titles (
Autocomplete and screen-readers (

Getting involved

Drupal Accessibility Group (
Issue Tracker (
Contact me