WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Interactive Glossary

for

From: Claudia.Case
Date: Jul 8, 2010 2:33PM

Jennifer,
WAI-ARIA includes roles for keyboard-accessible Tooltips, Definitions, and Dialog Tooltips. Below are some good resources related to these ARIA roles.

WAI-ARIA 1.0 | The Roles Model:
Tooltip: http://www.w3.org/WAI/PF/aria/roles#tooltip
Definition: http://www.w3.org/WAI/PF/aria/roles#definition

WAI-ARIA Authoring Practices 1.0 | Design Patterns:
Tooltip: http://www.w3.org/WAI/PF/aria-practices/#tooltip
Dialog Tooltip (in progress): http://www.w3.org/WAI/PF/aria-practices/#dialog_tooltip

DHTML Style Guide:
Tooltip: http://dev.aol.com/dhtml_style_guide#tooltip
Dialog (Tooltip): http://dev.aol.com/dhtml_style_guide#dialogtooltip

Working code examples (recommend using with IE8/Firefox 3.6 and JAWS 11, or higher):
CITA | ARIA Tooltip examples: http://test.cita.illinois.edu/aria/tooltip/index.php
CodeTalks.org | ARIA Tooltip examples: http://wiki.codetalks.org/wiki/index.php/Set_of_ARIA_Test_Cases#Tooltip

Cheers,
Claudia Case