Drupal is by far the most accessible CMS. However, there are aspects like developing an aurally pleasing interface, disabling animations, defining acronyms and support for voice controlled navigation, which still need a lot of work. This webinar focuses on the importance for developing these elements as a part of the core libraries of every CMS.
3. 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
4. Drupal 7
Really?
● Form API Improvements
● CSS display:none
● Drag/Drop
● Skip Links
● Image handling
● Color Contrast
@srijan #SrijanWW
5. Drupal Culture
Aren’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
6. Standards Evolve
What 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
7. Drupal 8
Finally!
● 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
8. Leftovers
We 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
10. ATAG 2.0
Help 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
11. HTML5
HTML 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
12. Headless Drupal
Voodoo magic?
● Loose front-end accessibility
● Gain speed & flexibility
● Requirement for engaging in other
● Rapidly evolving tools
● Other open-source communities
@srijan #SrijanWW
14. We need you!
● Users
● Editors
● Administrators
● Developers
● Reporting bugs
● Creating patches
● Testing
● Talking about what
works
● Educating others
User Testing & Feedback
@srijan #SrijanWW
15. Looking Ahead
Counting 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