1916649 - Markup view "scroll" highlighting doesn't work in High Contrast Mode

Status: RESOLVED FIXED

(DevTools :: Inspector, defect, P2)

Description

[Nicolas Chevobbe [:nchevobbe]]

Attachment: active scroll badge in regular mode vs HCM

When activating the "scroll" badge, the background color of the overflowing elements is set to purple.
In HCM, this is not visible.
Note that we probably shouldn't rely only on color to indicate the state change

Comment 1

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

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

For more information, please visit BugBot documentation.

Comment 2

[Julian Descottes [:jdescottes]]

For those bugs it's fine to have a different severity than the accessibility severity

Comment 3

[Anna Yeddi [:ayeddi]]

Adding a keyword no-plan-to-ship as an ad-hoc flag here. This keyword was meant to exclude specific bugs from the general access-S2 tracking when there are no plans to ship the affected feature. However, we do plan to address and ship this and other HCM-related devtools bugs, which are part of a larger project. This Dev Tools High Contrast Mode support project, tracked by the meta bug 1590215, is ongoing and is tracked by the Dev Tools team separately.

Comment 4

[Nicolas Chevobbe [:nchevobbe]]

Attachment: Bug 1916649 - [devtools] Add colored circle in overflow badge when related scroll badge was clicked. r=#devtools.

When the scroll badge is clicked, we expand the tree to show all the element the overflow,
and set a background color on the nodes to identify them.
In High Contrast Mode, the background color can't be set, and so we fail to identify the
overflowing nodes.
This patch adds a small circle in the overflow badge, of the same color than the active
scroll badge so people can see the relation between the scroll badge and the overflow one.

Comment 5

[Pulsebot]

Pushed by [e-mail]:
https://hg.mozilla.org/integration/autoland/rev/1d6f0bc3f416
[devtools] Add colored circle in overflow badge when related scroll badge was clicked. r=devtools-reviewers,jdescottes.

Comment 6

[Serban Stanca [:SerbanS]]

https://hg.mozilla.org/mozilla-central/rev/1d6f0bc3f416