Open Bug 1965590 Opened 3 months ago Updated 1 month ago

Implement proper accessibity semantics for reorderable moz-box-group elements

Categories

(Toolkit :: UI Widgets, task)

Product:
Toolkit
Component:
UI Widgets
Type:
task

Tracking

()

People

(Reporter: hjones, Unassigned)

References

Details

(Whiteboard: [recomp])

Once we've implemented a reorderable variant of moz-box-group we should work with accessibility to ensure the element is fully accessible. We've discussed this with a11y team a few times before. From these notes (internal only) it sounds like we should use the listbox pattern similar to what we're doing with moz-visual-picker along with aria-posinset.

Additional discussion from last fall makes it sound like the ctrl + shift + up/down arrow being used for reordering in bug 1828933 should work as a keyboard shortcut. Providing an alternative method of reordering via context menus in bug 1965589 should help as well.

It's unclear to me if we'll want to make the role="listbox" and aria-posinset changes to moz-box-group or moz-reorderable list, so we will need to sort that out here.

Whiteboard: [recomp]

Just a couple notes from a11y discussion so far:

  • the reorderable list already uses an <ol> under the hood
  • aria-posinset is definitely desireable
  • other details still TBD
You need to log in before you can comment on or make changes to this bug.