Improve Popup accessibility 
152
Views
2
Comments
New
Frontend (App Interfaces)

Currently, the Outsystems Popup widget does not follow accessibility requirements, notably:

- Trapping the Tab focus inside the modal content (the focus continues on the page in the background)

- On close, returning the focus to the element that triggered the opening of the popup.

The Popup widget is not part of OutsystemsUI, which makes it even harder to work around this problem.

Can this be improved?

Thanks,

Tiago





Ended up creating a component that you can easily apply to all popups and get the desired behaviour. It's called "AccessiblePopupContent", hope it helps.

Nonetheless, it would still be nice to have this natively by the platform

Nice man and hopefully they will also allow the dialog html element.

In the meantime, this is a nice solution to help developers make web apps that contain popups.