• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
How to Use Drupal 7 to Meet Your Accessibility Goals

How to Use Drupal 7 to Meet Your Accessibility Goals






Total Views
Views on SlideShare
Embed Views



7 Embeds 242

http://www.acquia.com 198
https://www.acquia.com 34
http://acquialocaldev7.com 5
http://acquiacomdev2.network.acquia-sites.com 2
https://twitter.com 1
http://www.diffbot.com&_=1351095402141 HTTP 1
https://si0.twimg.com 1



Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
Post Comment
Edit your comment

    How to Use Drupal 7 to Meet Your Accessibility Goals How to Use Drupal 7 to Meet Your Accessibility Goals Presentation Transcript

    • How to Use Drupal 7 to Meet Your Accessibility Goals Working effectively to eliminate barriers!by Mike Gifford
    • Accessibility Goals● Barrier free / universal design● Are our goals achievable?● More than lip service● Web Content Accessibility Guidelines● Authoring Tool Accessibility Guidelines● Section 508 (Refresh)
    • Continual Improvement● The Internet is constantly evolving● Always work to identify new barriers● Be open to feedback from your users● Schedule regular accessibility reviews● Best Practices are changing● Dont expect to get it right immediatelyhttp://www.flickr.com/photos/dm-set/
    • Planning for Accessibility● Accessibility is complicated● Leverage expertise● Where possible eliminate unknowns● Re-use where you can● Contribute back● POUR ○ Perceivable; ○ Operable; ○ Understandable; ○ Robust.http://www.flickr.com/photos/sharman/
    • What Drupal 7 Gives You● Accessibility Best Practices Codified● Core enhancements that propagate● A transparent process for improvement● International community of experts● Core can be administered by people with disabilitieshttp://www.flickr.com/photos/gaborhojtsy
    • The Tech Details● Skip to Main added to Core themes● Accessible alternative to drag/drop● Additional semantic markup (breadcrumbs/lists)● Improved colour contrast● Added limited Accessible Rich Internet Applications (ARIA) support
    • Hidden ElementsAs an alternative to CSS display:none orvisibility:hidden consider● .element-invisible (screen reader)● .element-invisible.element-focusable (keyboard only user)● .element-hidden (nobody)http://www.flickr.com/photos/cobalt
    • Form Elements● All form elements by default associate the title as a label linked to input● Developer control of label placement to set before, after or invisible● Forms Application Programming Interface (API) - used by complex interactive modules● More headers added to User Interface (UI) to improve screen reader navigation
    • Known Problems● Fieldsets (dates/phone numbers)● Inaccurate use of legacy HTML● Error messages● Published status● Data tables● Threaded comments● Internationalization● Modal Dialogshttp://www.flickr.com/photos/st3f4n
    • Best Practices● Regularly use automated tools like WebAIMs WAVE Toolbar● Train content owners about accessibility● Get an external audit from a professional● Also, ask your users● Contribute your findings back to the community
    • Whats Next● Improving Drupal 7 Themes/Modules● Work on Drupal 8 Core (HTML5 & Responsive Themes)● Building the community of accessibility advocates - we need you!● ATAG 2.0 & Section 508 (Refreshed)● Drupal 7 Web Experience Toolkit Distribution
    • Questions● Twitter: @mgifford● Email: mike@openconcept.ca● http://openconcept.ca● http://drupal.org/about/accessibility● http://groups.drupal.org/accessibility● http://definitivedrupal.org● http://github.com/wet-boew/wet-boew-drupal