Non focusable content behind modal still accessible via virtual cursor

[svinkle]

Need to adjust how inert is being applied. Currently the script finds all focusable elements and only applies to those. Likely need to move the modal around the DOM in order to make it a sibling to the rest of the page content then apply inert only once…

From @NathanPJF:

I checked out the Launchy page to see how stepping through with VoiceOver works if I added a <p> tag in the list at the bottom. In this video, I am able to get to the paragraph tag (leave the modal) when just stepping through with the arrows.

At the end of the video, when I use Tab key I don't get to it - which is expected as it's not focusable.

In this video, I apply inert to the <ul>. Now when I open the modal and step through with arrows I cannot get to the other items.

Soooo, it looks like inert will need to be applied on not just focusable elements if we don't want assistive technologies to get access to their content.