Page MenuHomePhabricator

Make Echo alerts/notices overlays keyboard accessible
Open, MediumPublic



Echo uses OOUI popup widgets for the "Alerts" and "Notices" overlays that are opened by notification icons in the person menu. Because the popup widgets are inserted at the end of the page, the only way they can be accessed by users using assistive tech is to tab through to the end of the document.

Expected behavior

Users should be able to tab into either the "Alerts" and "Notices" overlays after opening them via the notification icons.

Developer Notes

One possible solution is to implement a focus trap, and essentially treat the overlays similarly to OOUI dialogs.

Event Timeline

bwang renamed this task from Make Echo alert/notice overlays keyboard accessible to Make Echo alerts/notices overlays keyboard accessible.Aug 6 2021, 5:22 PM
bwang updated the task description. (Show Details)
MBinder_WMF added a subscriber: MBinder_WMF.

This is a small task that can go in between other tasks, per @MMiller_WMF . Whoever picks this up, the first step is to scope it, and then we will decide whether to do the work.

T291096: Menus should open via tab + enter is somewhat similar, we might want to be consistent with the solution chosen there.

MMiller_WMF lowered the priority of this task from High to Medium.Oct 11 2021, 2:27 AM
Sgs removed Sgs as the assignee of this task.Nov 23 2021, 10:51 AM
Sgs added a subscriber: Sgs.