WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Rollover Text with Images - ARIA popup or not?

for

From: Bryan Garaventa
Date: May 14, 2014 3:57PM

Unfortunately at present aria-haspopup should only be used on menus, because
it is explicitly mapped as such. This is why NVDA will announce "submenu"
for the following:

<a href="#" aria-haspopup="true">
Test
</a>

The same is true for button elements.

One option, if you have a link that opens an image as an overlay, you could
use 'focus' to show it, and 'blur' to dismiss it, and use ARIA Tooltip
markup to cause it to be announced.

E.G

<a href="#" aria-describedby="myTooltipId"> Trigger </a>

<img id="myTooltipId" role="tooltip" aria-label="Text to be announced when
rendered" ... />