1843319 - Sources/Outlines, Threads, Watch Expressions, etc. should be different groups/regions semantically

Status: RESOLVED FIXED

(DevTools :: Debugger, defect, P2)

Comment 1

[BugBot [:suhaib / :marco/ :calixte]]

The severity field for this bug is set to S3. However, the accessibility severity is higher, .
:bomsy, could you consider increasing the severity?

For more information, please visit BugBot documentation.

Comment 2

[Nicolas Chevobbe [:nchevobbe]]

Attachment: Bug 1843319 - [devtools] Properly mark Debugger secondary panels as regions. r=Jamie,ayeddi,#devtools-reviewers.

Don't render the whole React app in a main tab, instead move the
main element to wrap the editor.
Don't use a list for rendering the secondary panels, but article
with a complimentary role so they can be access through landmark
navigation.
Make the different article labelled by the h2 we already have there.
Finally, move buttons outside of the h2 so the navigation isn't
disturbed with the button labels. Modify impacted CSS accordingly.

Comment 3

[Pulsebot]

Pushed by [e-mail]:
https://hg.mozilla.org/integration/autoland/rev/d45e685b33cd
[devtools] Properly mark Debugger secondary panels as regions. r=ayeddi,devtools-reviewers.

Comment 4

[Cosmin Sabou [:CosminS]]

https://hg.mozilla.org/mozilla-central/rev/d45e685b33cd