2071233 - The DOM mutation breakpoint enable checkboxes have no accessible name

Status: ASSIGNED

(DevTools :: Debugger, defect)

Description

[Florian Quèze [:florian]]

Each row of the DOM Mutation Breakpoints pane starts with a checkbox that enables or disables that breakpoint. devtools/client/debugger/src/components/SecondaryPanes/DOMMutationBreakpoints.js renders it with no label of any kind, so a11y_checks reports Interactive elements must be labeled. A screen reader user hears an unlabeled checkbox and cannot tell which breakpoint it belongs to.

The name has to identify both the node and the mutation type, or every checkbox in the pane sharing a type reads the same. It cannot be taken from the row with aria-labelledby: the node label is a Rep, which renders an "open in inspector" button whose title would be pulled in. Composing it from the node front and the type avoids that.

Comment 1

[Florian Quèze [:florian]]

Attachment: Bug 2071233 - Label the DOM mutation breakpoint checkboxes, r=#devtools-reviewers.

The enable checkbox of a DOM mutation breakpoint had no accessible name. The
name has to carry the node as well as the mutation type, or every checkbox in
the pane sharing a type reads the same. It cannot be borrowed from the row with
aria-labelledby, because the node label is a Rep which renders an "open in
inspector" button whose title would be pulled in, so it is composed from the
node front instead.

The a11y_checks annotations this retires were filed as Bug 1849028.