The a11y module seeks to provide reusable tools for developers of Drupal sites to aid those that have need of assistive technologies and display methods. Currently it provides a block with granular settings to allow for:

  • Dyslexic font support
  • High contrast mode
  • Inverted Colors mode
  • Text scaling
  • Keyboard navigation (Only D8/D9)

It does this through aggressive css additions and remembers the setting using Drupal's built in usage of jQuery Cookie.

Simulations (Only D7)

To increase empathy, we've also included support for disability simulations. These are enabled in the same block if the user is given the permission (obviously you don't want typical site users experiencing these as they CAUSE accessibility issues intentionally). These simulations are currently supported:

  • Dyslexia - based on the Javascript that powers this demo. It flips the letters randomly within words in the content of your site.
  • Field loss - based on the W3C recommendations for visual conditions to account for. This applies a CSS filter above your content that simulates peripheral as well as central field loss. It does this while still allowing you to click / navigate through everything so you can experience the material the way these users would.
  • Colorblindness - this uses CSS / SVG filters to dynamically apply the following condition simulations: protanopia, protanomaly, deuteranopia, deuteranomaly, tritanopia, tritanomaly, achromatopsia, and achromatomaly.

A11y for Drupal 8/9

The original module built to Drupal 7 has been ported to make it compatible with the latest versions of Drupal. This new version incorporates the tabulated navigation, which allows you to scroll through different elements of the page using the Tab key.

Other links of interest

Other recommended Accessibility modules

Speed Reader - isolates text and can be easier to process for those with visual impairments.
Accessibility module - gives tips for content contributors to make sure their content meets different content guidelines like 508 or WCAG 2.0 AA.
Block aria landmark roles - helps with applying aria landmark roles to blocks through the block UI.

Future plans

Let's make the web easier for everyone and make it easier for everyone to make it easier! Anything we can support that pursues this (including making this project easier to theme / ingest) is welcome.

Inspiration

While not affiliated with http://a11yproject.com/ but we'd love to be.
Ideas drawn upon from the Moodle Block accessibility plugin.

Supporting organizations: 

Project information

Releases