Difference between revisions of "ARIA Haspopup property"
(→ARIA 1.1 values for the aria-haspopup property) |
|||
| Line 77: | Line 77: | ||
</div> | </div> | ||
<div> | <div> | ||
| − | <a href="#" aria-haspopup="menu" id="b3"> | + | <a href="#" aria-haspopup="menu" id="b3"> Link with menu attached </a> |
</div> | </div> | ||
<div> | <div> | ||
| − | <a href="#" aria-haspopup="listbox" id="b4"> list box attached </a> | + | <a href="#" aria-haspopup="listbox" id="b4"> Link with list box attached </a> |
</div> | </div> | ||
<div> | <div> | ||
| − | <a href="#" aria-haspopup="tree" id="b5"> | + | <a href="#" aria-haspopup="tree" id="b5"> Link with tree attached </a> |
</div> | </div> | ||
<div> | <div> | ||
| − | <a href="#" aria-haspopup="grid" id="b6"> | + | <a href="#" aria-haspopup="grid" id="b6"> Link with grid attached </a> |
</div> | </div> | ||
<div> | <div> | ||
| − | <a href="#" aria-haspopup="dialog" id="b7"> | + | <a href="#" aria-haspopup="dialog" id="b7"> Link with dialog attached </a> |
</div> | </div> | ||
</html> | </html> | ||
| + | |||
==Assistive Technology== | ==Assistive Technology== | ||
* iOS 10.3.3 and VoiceOver ARIA 1.1 values not supported | * iOS 10.3.3 and VoiceOver ARIA 1.1 values not supported | ||
* JAWS 18 (Firefox) announces "menu" for all haspopup values when applied on button role and "has popup" for all other types regardless of haspopup value. | * JAWS 18 (Firefox) announces "menu" for all haspopup values when applied on button role and "has popup" for all other types regardless of haspopup value. | ||
[[Category:ARIA]] | [[Category:ARIA]] | ||
Revision as of 13:53, 9 June 2017
This page demonstrates uses of the aria-haspopup attribute.
- Tooltips are not considered popups under ARIA
Please note: According to the current ARIA 1.0 specification the aria-haspopup attribute should only be used to indicate the presence of a menu, submenu, or button menu. Under ARIA 1.1 the aria-haspopup attribute should not be used to indicate when a dialog or modal window will open. These are potential good uses for the attribute and are addressed by future versions of the ARIA specification. Currently screen readers such as JAWS and NVDA will announce "menu", "sub menu", or "haspopup" for the different uses of this attribute.
Note: The controls below have the attribute set to "true" but do not actually have a menu associated with them. Thus, nothing will happen when you interact with the control.
Input text field
Input type button
Button element
Link
Span with role of button
Radio button
ARIA 1.1 values for the aria-haspopup property
- values under 1.1 are
- menu
- listbox
- tree
- grid
- dialog
- "true" is supported for backward compatibility and maps to "menu"
Assistive Technology
- iOS 10.3.3 and VoiceOver ARIA 1.1 values not supported
- JAWS 18 (Firefox) announces "menu" for all haspopup values when applied on button role and "has popup" for all other types regardless of haspopup value.
