I am using Kendo windows in my application. Whenever I am opening a Kendo window and try to access the application using JAWS screen reader. The screen reader is able to read parent page control information like menu, even though the Kendo window opened through a modal popup. I am able to stop navigation for parent controls by using tab for following code but not able to hide screen from screen reader.
How can I force JAWS to look at the content of the modal popup?
onActivate(e) {
var self: any = this;
var windowElement = self.wrapper,
windowContent = self.element;
$(document).on("keydown.kendoWindow", function (e) {
var focusedElement = $(document.activeElement);
if (e.keyCode == kendo.keys.TAB &&
focusedElement.closest(windowElement).length == 0)
{
windowContent.focus();
}
});
}
By setting attribute value ARIA-Hidden = true I was able to achieve desired functionality