A11y Dialog

Synopsis

The A11y Dialog module implements the A11y Dialog JavScript Library.

“Dialog windows are especially problematic for screen reader users.
Often times the user is able to “escape” the window and interact with
other parts of the page when they should not be able to. This is
partially due to the way screen reader software interacts with the
browser.”

“On top of that, this implementation provides all the usual mandatory
bits from a dialog window: correct usage or ARIA landmarks, absolute
freedom in regard to the styling, closing when pressing ESC, closing
when clicking the background overlay, closing when clicking the close
button, a simple yet powerful DOM API, for half a kilobyte of
JavaScript.”

Since the A11y Dialog library simply defines the required markup and a
minimal script file, the styling is left up to the themer. The library also
does not provide any additional functionality like ajax-loading. So this
Drupal implementation of the A11y Dialog library will attempt to tackle
some of those missing features.

Features Included:

• Configure what pages (all, non-admin, admin-only, none) that the a11y-dialog script is included on.
• Optionally include a small css file (~3 lines) that hides the closed dialogs.
• Optionally include a small css file (~50 lines) that provides basic dialog styling (overlay, centered, etc.).
• Theming functions to make it easier to generate dialog markup.
• AJAX loaded dialog content.
• Generate dialogs from inline content.

Requirements

Libraries API
A11y Dialog JavScript Library