Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Accessibility Improvements on a Drupal 8 site

Accessibility Improvements on a Drupal 8 site

Tompa Gábor - Mirum Agency

Avatar for Tompa Gábor

Tompa Gábor

December 07, 2017

Other Decks in Technology

Transcript

  1. ACCESSIBILITY ACCESSIBILITY IMPROVEMENTS ON A IMPROVEMENTS ON A DRUPAL 8

    SITE DRUPAL 8 SITE Tompa Gábor ­ Mirum Agency
  2. WCAG WCAG Web Content Accessibility Guidelines First version released in

    1999 Current version: 2.0, released in 2008 WAI currently working on 2.1 Web accessibility means that people with disabilities can use the Web. Laws and Policies
  3. QUICK GUIDE QUICK GUIDE perceivable non­text content has text alernative,

    color contrast, video subtitles operable use with keyboard only. provide time to read and use content. understandable forms, labels, error messages, content language robust valid HTML, maximum compatibility with current user agents
  4. DRUPAL AND DRUPAL AND ACCESSIBILITY ACCESSIBILITY WCAG 2.0 and ATAG

    (Authoring Tool Accessibility Guidelines) 2.0 https://www.drupal.org/node/2864791
  5. HOW'S INVOLVED? HOW'S INVOLVED? Project manager / Product owner a

    company who audits your site according to WCAG standards designer developer tester client (content editor)
  6. OUR CHALLENGE OUR CHALLENGE image alt attribute navigation with only

    keyboard skip to content, javascript functions (not just hover, but focus) use table again contrast link without text needs title attribute proper headings 3rd party tools Ads can get aria-hidden="true" Links navigates, buttons do things