2071227 - The DevTools source editor's text area has no accessible name

Status: RESOLVED FIXED

(DevTools :: Source Editor, defect)

Description

[Florian Quèze [:florian]]

CodeMirror 6 gives the editor's content area role="textbox" but no accessible name, so a screen reader reaches an unnamed multiline text box. It also relies on contenteditable alone for focus, which leaves the element's tabIndex at -1 even though it is in the tab order.

editor.js can set both an aria-label and an explicit tabindex through CodeMirror's public contentAttributes facet, without regenerating the bundle. That covers every panel that mounts a CodeMirror 6 editor, and allows removing four fail-if = ["a11y_checks"] annotations in the debugger.

Comment 1

[Florian Quèze [:florian]]

Attachment: Bug 2071227 - Give the DevTools CodeMirror 6 editors an accessible name, r=#devtools-reviewers.

The contentAttributes facet is public, so this needs no bundle regeneration. The
name is overridable because not every consumer shows source code. The annotations
removed here were added by Bug 1849028.

Comment 2

[Pulsebot]

Pushed by [e-mail]:
https://github.com/mozilla-firefox/firefox/commit/f93d234739b5
https://hg.mozilla.org/integration/autoland/rev/61e229a57854
Give the DevTools CodeMirror 6 editors an accessible name, r=devtools-reviewers,bomsy.

Comment 3

[amarc]

https://hg.mozilla.org/mozilla-central/rev/61e229a57854

Comment 4

[BugBot [:suhaib / :marco]]

The Bugbug bot thinks this bug is an accessibility bug, but please revert this change in case of error.