Tuesday, February 16, 2016

accessibility - Screenreader - multiple live regions



Is it possible to stack multiple live regions, so that they all announce appropriately within a screen reader?


I have this setup:


Click here

Lorem ipsum dolor sit amet, rebum option detraxit eu has. Sea ut tempor integre meliore, ipsum alterum evertitur sit te. Mei ea rationibus conclusionemque. Eu mel justo aperiam. At sea graeci epicuri, ad quidam aliquando similique vix. At ferri fastidii mel, id meliore recteque eam, nec option albucius in.








// javascript
$('.action').on('click', function(event){
$('#message').empty().append('Out of stock online');
$('#RIO').empty().append('Out of stock at selected store');
});

http://jsfiddle.net/jasonday/q8z901oj/22/embedded/result/


Only one of the messages is being relayed (the second one - RIO). I would like the screenreader to notify of both regions when the action takes place (click of link).




No comments:

Post a Comment

technique - How credible is wikipedia?

I understand that this question relates more to wikipedia than it does writing but... If I was going to use wikipedia for a source for a res...