WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Web Accesibility and popovers

for

From: glen walker
Date: Apr 11, 2019 4:59PM

When I tab to the info button, the tooltip automatically displays but is
not announced. If I tab again to the x-close button in the tooltip, the
tooltip disappears as soon as the x-close receives focus.

It looks like you're adding the aria-describedby attribute on the fly.
When the attribute is added, it won't be announced. I'd have to tab off
the info button and then back to it to hear the aria-describedby value.
However, tabbing off the info button causes the tooltip to disappear and
thus the aria-describedby attribute to be removed. Thus I never hear the
tooltip.

aria-describedby is only helpful if it exists on your element all the
time. Don't add it dynamically. The element it points to can be hidden
(display:none) but the text of the tooltip will still be read when your
button receives focus (see step 2A -
https://www.w3.org/TR/accname-1.1/#step2)

Glen