WebAIM - Web Accessibility In Mind

E-mail List Archives

Screen reader events when dynamic tooltip ID refs are delayed

for

From: Bryan Garaventa
Date: May 14, 2014 8:18PM

Does anybody here know what events are processed when a dynamic tooltip is
rendered?



I was wondering what would happen if you had a delay between the triggering
of an active element and the updating of the aria-describedby attribute. In
theory it should work, and simply announce the text when it is explicitly
associated. This might occur in some dynamic web apps using callbacks.



E.G



<html>

<head>

<script type="text/javascript">

function testFn(link){

setTimeout(function(){

link.setAttribute('aria-describedby', 'tooltipId');

document.getElementById('tooltipId').style.display = 'block';

}, 500);

}

</script>

</head>

<body>

<a href="#" onclick="testFn(this); return false;"
onmouseover="testFn(this);" >

Test

</a>

<div style="display:none;" id="tooltipId" role="tooltip" >

This should be announced

</div>

</body>

</html>



It doesn't work at all though, not in JAWS nor NVDA in IE or FF.