Drupal 8:

The Leading Example for

an Accessible CMS

Mike Gifford - OpenConcept.ca

Introduction

 
 

Mike Gifford, President

OpenConcept Consulting Inc.


Drupal Core Accessibility Maintainer
@mgifford
http://openconcept.ca
#a11yyow

Drupal 7

  • 1 million sites
  • Nearly 4 years since first release
  • Dominating educational & government sector
  • Many accessibility bugs already resolved
  • Modules, themes, documentation
  • Buy-in from community

Getting Code in Core

  • After release, errors in Core are reported to Drupal 8
  • Errors are discussed, patches developed
  • Extensive review process (both automated & manual)
  • If fixed in dev version it is often back-ported
  • Major releases to have changes, but usually the functionality is transferable

Drupal 8

  • Mobile friendly
  • Proudly Built Elsewhere
  • Setting good examples
  • Adding WAI-ARIA 
  • Involvement of people with disabilities

Changes 2 Default Themes

  • Underlined Content Links 
  • Color Contrast Improvements
  • Consistent CSS Outline/Focus Usage
  • Removed Orphaned Labels

    • Base

  • Adding HTML5 including phone number & details
  • Visually hidden field label formatter
  • Option for required alt text for images
  • Help Document & ATAG 2.0





    • Javascript

    • Tabbing Manager
    • Drupal.announce
    • jQuery UI Update
    • jQuery Autocomplete - Proudly Invented Elsewhere
    • ARIA table improvements - aria-sort

    Views

  • Ability to set caption & summary in tables
  • Default include header/id for improved semantics
  • Improved color contrast in admin
  • Add more context to links
  • Use of common, accessible modal dialog

    • Editor

    • Fixes upstream to CKEditor which benefit everyone
    • Accessible admin page for managing CKEditor
    • Making Alt text required but dis-ablable
    • Ability to add headings by default

    Mike Gifford

     
     
    http://openconcept.ca

    @mgifford

    Forms

    • WAI-ARIA - aria-label & aria-invalid=true
    • Asterisk to CSS
    • Configurable position of description
    • Adding in title to all form elements
    • Natively supporting HTML5's required
    • Allowing custom validation error messages

    The Modern Web Is Built with Central Libraries!

    Photo: mathrong

    Free   As   In   Kittens !

    Photo: Harry Whittier Frees

    Why we need open source accessibility

    Rate of change on the Internet

    Need for regular testing

    Problems too big to solve alone

    Engage disabled people in solution

    Mike Gifford

     
     
    http://openconcept.ca

    @mgifford

    Made with Slides.com