Generally whenever content is updated dynamically you should move focus
to the container of that updated content. So if you have HTML like this
<div id="bob" tabindex="-1">
Here is some stuff
</div>
In the JS to change this would be something like
var o=document.getElementByID("bob");
o.innerHTML="Here is some new content to go in this DIV";
but the screen reader will never know there is new stuff there. So we
need to move focus to the DIV. But DIV normally can't take focus unless
we use the tabindex="-1" hack so then we can just do
o.focus()
Of course there are some limitations in that some screen readers won't
automagically read updated content even when focus is moved to it unless
it's in a header tag. So I usualy stuff a hidden <h6> pair saying
something like "Updated content" to get the screen reader to notice.
In other words, today it's a non trivial problem. Hope this helps.
CB
David Poehlman wrote:
Good year all!
Is there a way we can access the "on mouse over" content on a web page? i
know this is something we've talked about but don't know if there is any
solution.
Here's a sample:
http://www.freedomscientific.com/fs_products/Surfs_Up/MouseOver.htm
