WebAIM - Web Accessibility In Mind

E-mail List Archives

Changes to Visual ARIA now live


From: Bryan Garaventa
Date: Jan 26, 2017 6:33PM

Visual ARIA has been updated so that it works more interactively for those wishing to learn more about specific ARIA role usage. Those already using the public version of Visual ARIA will see these changes the next time it is loaded, otherwise it is available at

The offline copy of Visual ARIA has been updated with these changes as well, downloadable at

Specific changes:

1. The naming calculation will now recognize embedded CSS pseudo element content and add this according when displaying the naming calculation as you mouse over interactive widget roles. With one exception, it will not do so for the element that includes the actual role. This is intentional otherwise it would clobber Visual ARIA's ability to render this information using the same method via CSS pseudo elements. This should help a bit anyway.

2. You will now notice a new message when you start Visual ARIA, stating that you can "Hold down Ctrl+Shift then Left-click a role for more details". This means you can move the mouse over any of the Visual ARIA role tooltips then while holding down Ctrl and Shift on the keyboard, Left click the tooltip text to automatically open the relevant role section to learn more about that role and what it does.

For those wishing to experiment with the naming calculation script itself, this has been broken out into a standalone function that does not prevent the top level element role from having CSS pseudo element content included within the naming calculation. This is included in the download at:

Please let me know if you encounter any issues.

All the best,

Bryan Garaventa
Accessibility Fellow
SSB BART Group, Inc.
415.624.2709 (o)