Focus indicator accessibility instant apps

Question

We embed our instant apps in websites and have had a couple of issues with the focus. If anyone knows how to fix these, please let me know. One the focus indicator jumps to the app if it is in the view at all, which violates WCAG. I tried doing disable_window_focus, but it doesn't seem to work. Second, the user gets trapped in the splash screen when tabbing through it. I tried putting in enhancement requests but they were deemed "out of scope". For now, we had to take off the splash screen. This is only short term since we tell our users important information in there.

LondonWalker · Answer

Yes, that URL parameter gives the result I am looking for. I had a few experience builders embedded in websites and the focus would jump once they loaded. This fixed the issue.

To answer this second part, I see that this is an expected behavior. I'm not sure why our accessibility tester flagged this as an issue. Thanks for the clarification!

KristaMcPherson · Answer

@LondonWalker Thank you for reaching out on this. Currently, Instant Apps does not support the disable window focus URL parameter as Experience Builder does, but we are evaluating this feature for an upcoming release. Based on your use of the Experience Builder URL parameter, does it give you the result that you are expecting?

Related to the splash screen, this would be expected behavior for a modal as dismissal is required to enter the app and move the focus into the app itself. The Instant Apps introduction window uses the Calcite dialog component, more information about accessibility of the dialog component.