Editoria11y v2: Building a Drupal-integrated Accessibility Checker


  • John Jameson

Editoria11y v1 filled an unmet need for Drupal: a robust but still intuitive accessibility checker that worked like magic.

For all its code, it was also fairly straightforward under the hood: lots of jQuery and IF statements!

For Editoria11y v2, I had a lengthy wishlist:

  1. Learn to let go of the jQuery dependency
  2. Let the user dismiss yellow alerts...and synchronize the dismissal with other users
  3. Let Drupal collect findings into site-wide reports
  4. Be able to check really complex HTML, with multiple content root containers and shadow DOM components.
  5. Leverage Drupal translations
  6. Add some basic automated testing so I'd stop randomly breaking stuff

The catch? Everything on that list was something I did not know how to do.

But here we are, thanks to a long list of mentors and a lot of trial and error. 

So let us take a it's-new-to-some-of-us, down-with-imposter-syndrome tour of the techniques it takes to build a complex Web application out of Vanilla JS, Drupal APIs and Shadow DOM.

Slides (Sheets)

Attachment Size
Slides (.pdf) 4.83 MB

Who Should Attend

  • Back-end Developers
  • Front-end Developers