Drupal 8 AccessibilityWhat we didn’t get in Core (yet!)

Mike Gifford, OpenConcept Consulting Inc.@mgifford

Web Accessibility is a moving target!

@srijan #SrijanWW

Introduction

● Founder and President of OpenConcept (Canada)● Drupal Core Accessibility Maintainer● Accessibility Advocate● Author:

○ The Definitive Guide to Drupal 7 (Accessibility Chapter)○ Understanding Web Accessibility: Why Adopting Universal Web

Design Will Be Good for Your Organization

@srijan #SrijanWW

Drupal 7Really?

● Form API Improvements ● CSS display:none● Drag/Drop● Skip Links● Image handling● Color Contrast

@srijan #SrijanWW

Drupal CultureAren’t we talking software?

● Importance of a good precedent● Contributed modules improve● Major organizations adopt & require #a11y● Developers become better educated● Improved documentation & books● Engagement of more people with disabilities● Accessibility as a release blocker

@srijan #SrijanWW

Standards EvolveWhat do standards matter anyways?

● Web Content Accessibility Guidelines (WCAG)● Web Accessibility Initiative - Accessible Rich

Internet Applications (WAI-ARIA)● HTML Working Group (HTML5)● Authoring Tools Accessibility Guidelines

(ATAG)

Browsers/Assistive Technology adoption?

@srijan #SrijanWW

Drupal 8Finally!

● Better Semantics - HTML5/ARIA● Aural Alerts - Drupal.announce()● Control Tab Order - Drupal.TabbingManager● Fieldsets & Details - expand/collapse● Required Alt Text - CKEditor & image defaults● Inline Form Errors - Experimental Option

@srijan #SrijanWW

LeftoversWe didn’t get this in!

● Font sizes…● Order of H1’s in dynamic content● Threaded Comments Should Use Heading

Levels● File upload field progress indicator● Dialogs sub-optimal when fully zoomed● Allow editor to add arbitrary ARIA attributes● Mobile improvements● Better use of Drupal.announce()

@srijan #SrijanWW

USED

● aria-activedescendant● aria-autocomplete● aria-atomic● aria-busy ● aria-checked● aria-controls● aria-describedby● aria-disabled● aria-expanded● aria-haspopup ● aria-hidden● aria-invalid● aria-labelledby● aria-label● aria-multiselectable● aria-owns● aria-posinset● aria-pressed● aria-relevant● aria-required● aria-selected● aria-setsize● aria-valuemax● aria-valuemin● aria-valuenow

Not Used

● aria-dropeffect● aria-flowto● aria-grabbed● aria-level● aria-multiline● aria-orientation● aria-readonly● aria-valuetext

WAI-ARIA Attributes@srijan #SrijanWW

ATAG 2.0Help Create Accessible Content

● Acronyms● Additional help text● Inline Form Errors● Spelling Errors (8.1)● Tag conversion with filters strips ARIA● Accessibility checking assistance (tenon.

io/quailjs)● Check for stupid alt text ("image", "picture",

etc.)● Assistance in accessibility repairs

@srijan #SrijanWW

HTML5HTML Keeps Changing Too?

● longdesc for images (chicken/egg)● Easier adoption of figure/figcaption● CKEditor Tables (figure/summary)● Language of Parts● Colour contrast warnings● Complex views, images & meaningful alt

text

@srijan #SrijanWW

Headless DrupalVoodoo magic?

● Loose front-end accessibility● Gain speed & flexibility● Requirement for engaging in other● Rapidly evolving tools ● Other open-source communities

@srijan #SrijanWW

PWDWho/what are we missing?

● Dragon Naturally Speaking/Windows Speech Recognition Users

● Robust & pleasing aural UIs.● Multiple disabilities● Visually induced motion sickness● Low vision users (esp on Windows)

@srijan #SrijanWW

We need you!

● Users● Editors● Administrators● Developers

● Reporting bugs● Creating patches● Testing● Talking about what

works● Educating others

User Testing & Feedback@srijan #SrijanWW

Looking AheadCounting Down to Drupal 9

● Point releases provide opportunity for change● Drupal modules adopt new normals● Building central tools to help● Integration of accessibility testing with build

process● Collaboration with other CMS (WordPress)● Keyboard shortcuts (customizable) ● Accessible tooltips● Chunks vs Blobs

@srijan #SrijanWW

Give Back

Mike Gifford@mgifford

mike@openconcept.ca

Thank You!

Take this conversation online by tweeting using the hashtag #SrijanWW