Angular: eg-grid context menu has the wrong role

Bug #1840056 reported by Jane Sandberg
6
This bug affects 1 person
Affects Status Importance Assigned to Milestone
Evergreen
New
Undecided
Unassigned

Bug Description

Steps to recreate in 3.3.2:

1) Turn on Chromevox
2) Go to Server Administration > Authority Thesauri
3) Use the tab key to move focus to some checkboxes
4) Use the spacebar to select some checkboxes
5) Use Shift+F10 to open the context menu
6) Notice that Chromevox refers to the menu as a "tooltip"

This is inaccurate: it's a menu, not a tooltip (which aria defines as "A contextual popup that displays a description for an element").

It looks like ngb-popover always has a tooltip role: https://github.com/ng-bootstrap/ng-bootstrap/blob/3a2d0cc1775960a5fdfd04146f6a77540fe10d2d/src/popover/popover.ts#L40

We should consider using a different component, maybe ngb-dropdown?

tags: added: angular
Revision history for this message
Stephanie Leary (stephanieleary) wrote :

The latest versions of Bootstrap include some notes on accessibility issues with popovers:
https://getbootstrap.com/docs/5.0/components/popovers/#usage

I agree that we should use something else entirely. The Bootstrap docs recommend modals, but (coming from the WordPress world here) we could also have one dropdown of bulk actions placed at the top and bottom of the grid.

To post a comment you must log in.
This report contains Public information  
Everyone can see this information.

Other bug subscribers

Remote bug watches

Bug watches keep track of this bug in other bug trackers.