Focus issue in Windows Eye screen reader

Question

I am displaying a div section 'errormessages' (Attributes aria-live="rude" id="errormessages" tabindex="-1") in a page when any validation fails.

When tested with screen readers,

• JAWS 14: It reads the error messages displayed and the focus is set at the div section.
• Windows Eye 8.3: It reads the error messages displayed, but the focus is not being set to the div section.

Kindly can anyone suggest improvements?

$('#errormessages').show();

Answer 1

In order to bring this div in focus regardless of the screen reader being used, explicitly set the focus to it:

$('#errormessages').show().focus();