web accessibiilty and drupal

17
Web Accessibility & Drupal Théodore 'nod_' Biadala JS Maintainer for Drupal core DrupalGov, Canberra 2014

Upload: theodore-biadala

Post on 25-Jun-2015

466 views

Category:

Technology


0 download

DESCRIPTION

There are many accessibility rules and several sets of accessibility guildelines. Developing an accessible website is hard. Drupal can help you. The most important thing Drupal does for your website, is that by default it makes sure your website is not inaccessible. The road to accessibility is much longer though. We'll step through several processes you can put in place to ensure accessibility of a website. This session will introduce the different accessibility guildelines. What they are, which ones you should pay close attention to and how they apply to a website. We'll see which components of the accessbility rules relates to Drupal as a CMS, which parts relates to editors and webmasters and different tools you can use with Drupal to help you ensure a website stays accessible over time.

TRANSCRIPT

Page 1: Web accessibiilty and Drupal

Web Accessibility&

Drupal

Théodore 'nod_' Biadala

JS Maintainer for Drupal core

DrupalGov, Canberra 2014

Page 2: Web accessibiilty and Drupal

accessibleicon.org

Page 3: Web accessibiilty and Drupal

Web Accessibility

Page 4: Web accessibiilty and Drupal

Users

and everyone else too

Page 5: Web accessibiilty and Drupal

My Twitter

Page 6: Web accessibiilty and Drupal

websourd

not just subtitles !

Page 7: Web accessibiilty and Drupal
Page 8: Web accessibiilty and Drupal

Web Accessibility Initiative

WCAG — Web Content Accessibility Guidelines

ATAG — Authoring Tools Accessibility Guidelines

UAAG — User Agent Accessibility Guidelines

WAI-ARIA — Accessible Rich Internet Applications

Page 9: Web accessibiilty and Drupal

Checklist trap

Page 10: Web accessibiilty and Drupal

WCAG 2.0 Guiding Principles

Perceivable — Available through sight, hearing, or touch.

Operable — Compatible with keyboard, mouse, touch…

Understandable — User-friendly, easy to comprehend.

Robust — Works across browsers, assistive technologies…

Page 11: Web accessibiilty and Drupal

WAI-ARIA

Page 12: Web accessibiilty and Drupal

Summary

Page 13: Web accessibiilty and Drupal
Page 14: Web accessibiilty and Drupal

Drupal

WCAG 2.0 AA

ATAG 2.0 AA

WAI-ARIA

drupal.org/about/accessibility

Page 15: Web accessibiilty and Drupal

Drupal 8 tools

Core JavaScript API

drupal.org/project/devel_a11y

CKEditor (Soon)

Future: Quail JS library for testing

Page 16: Web accessibiilty and Drupal

Accessibility documentation

drupal.org/node/394094

drupal.org/node/465106

Page 17: Web accessibiilty and Drupal

Questions?

Théodore BIADALA

@nod_

[email protected]