1916372 - Active tab is difficult to spot in High Contrast Mode

Status: RESOLVED FIXED

(DevTools :: Netmonitor, defect, P2)

Description

[Nicolas Chevobbe [:nchevobbe]]

Attachment: Request detail tab tray

See screenshot

Comment 1

[Nicolas Chevobbe [:nchevobbe]]

Attachment: Left sidebar

This also impacts the left sidebar (new request/search/blocking)

Comment 2

[Morgan Reschenberg [:morgan]]

Triaging as S3 because indication is difficult to discern, but it is there. We should use Selected Item colours (+Button colours to indicate control status). NI?myself or ayeddi who can help you work out the right colours to use here.

Comment 3

[Nicolas Chevobbe [:nchevobbe]]

bumping the priority as there's really no obvious way to tell when a tab is selected (there's like a 1px border difference, which is way too subtle)

Comment 4

[Nicolas Chevobbe [:nchevobbe]]

Attachment: Bug 1916372 - [devtools] Adapt Tabs component to High Contrast Mode. r=#devtools.

In HCM, we change the background color when it's selected, whereas in regular mode,
we only change the text color (and add a thin line on top).
On hover, in HCM we want to change the text color, and in regular mode only the
background color.
To handle those more easily, we introduce new variables so that we can easily
define them for HCM too.

Comment 5

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

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

For more information, please visit BugBot documentation.

Comment 6

[Pulsebot]

Pushed by [e-mail]:
https://hg.mozilla.org/integration/autoland/rev/3b23096a08ee
[devtools] Adapt Tabs component to High Contrast Mode. r=devtools-reviewers,ochameau.

Comment 7

[agoloman]

https://hg.mozilla.org/mozilla-central/rev/3b23096a08ee