Closed Bug 1712618 Opened 3 years ago Closed 3 years ago

checkbox for bookmarks dialog "show editor when saving" does not get proper focus indicator in Windows high contrast mode

Categories

(Firefox :: Bookmarks & History, defect, P3)

Desktop
Windows 10
defect
Points:
1

Tracking

()

VERIFIED FIXED
95 Branch
Accessibility Severity s2
Tracking Status
firefox90 --- wontfix
firefox91 --- wontfix
firefox95 --- verified

People

(Reporter: asa, Assigned: huangs50)

References

(Blocks 2 open bugs)

Details

(Keywords: access, Whiteboard: [proton-door-hangers][hcm-2021-h2])

Attachments

(2 files)

When tabbing to the "Show editor when saving" checkbox in the Bookmarks panel when in WIndows High Contrast Mode, there is no focus outline.

Steps:

  1. Enable Windows High Contrast Black theme (HCM)
  2. Open Firefox Nightly
  3. Ctrl+L to focus addressbar
  4. Ctrl+tab to focus bookmark star
  5. Space to activate Bookmarks panel
  6. Tab 5 times to checkbox

Results: not obvious checkbox is focused because no focus indicator
Expected: a focus ring around the checkbox
Other: after some playing around with the dialog, not sure what, I was once able to get the checkbox to show a focus indicator.

Severity: -- → S3
Priority: -- → P3
Whiteboard: [proton-door-hangers]
Whiteboard: [proton-door-hangers] → [proton-door-hangers][access-s3]
Whiteboard: [proton-door-hangers][access-s3] → [proton-door-hangers][access-s2]
Assignee: nobody → huangs50
Status: NEW → ASSIGNED
  1. several of us cannot replicate the problem currently on win10, can you replicate it now, and how:
  2. Did you mean it for crtl Tab right after crtl L?
    Thanks
Flags: needinfo?(asa)
Points: --- → 1

(In reply to Shaoting Huang from comment #1)

  1. several of us cannot replicate the problem currently on win10, can you replicate it now, and how:
  2. Did you mean it for crtl Tab right after crtl L?
    Thanks

I think Asa meant 'tab' not control tab, I can reproduce that way:

Enable Windows High Contrast Black theme (HCM)
Open Firefox Nightly
Ctrl+L to focus addressbar
Tab to focus bookmark star
Space to activate Bookmarks panel
Tab 5 times to checkbox
Flags: needinfo?(asa)

I did the same, but the highlight focus box is still there no matter how many times I have tried... is this platform specific maybe the windows version?
Im using:Edition Windows 10 Pro
Version 21H1
Installed on ‎6/‎29/‎2021
OS build 19043.1237
Experience Windows Feature Experience Pack 120.2212.3530.0

and enabled black HCM on win10s, current central nightly build and not single settings changed.

Anymore details on maybe your enviroment?

also not sure if this is related im using ryzen platform cpu instead of intel (which I don't think is related)

For me or Molly mhowell @mhowell:mozilla.org or Micah mtigley @mtigley:mozilla.org, we all weren't able to reproduce this symptom

Flags: needinfo?(mreschenberg)

(In reply to Shaoting Huang from comment #3)

I did the same, but the highlight focus box is still there no matter how many times I have tried... is this platform specific maybe the windows version?
Im using:Edition Windows 10 Pro
Version 21H1
Installed on ‎6/‎29/‎2021
OS build 19043.1237
Experience Windows Feature Experience Pack 120.2212.3530.0

and enabled black HCM on win10s, current central nightly build and not single settings changed.

Anymore details on maybe your enviroment?

also not sure if this is related im using ryzen platform cpu instead of intel (which I don't think is related)

For me or Molly mhowell @mhowell:mozilla.org or Micah mtigley @mtigley:mozilla.org, we all weren't able to reproduce this symptom

Ah sorry I was testing in release, looks like its fixed in nightly for the checkbox but now the 'save' button doesn't have a focus indicator. Can you reproduce that?

Flags: needinfo?(mreschenberg)

I do have them all for some reason..

I still cannot replicate that as well, the save button has the focus ring as well, is there anything i'm missing?

Flags: needinfo?(mreschenberg)

(In reply to Shaoting Huang from comment #6)

I still cannot replicate that as well, the save button has the focus ring as well, is there anything i'm missing?

Huh. I'm not sure. My STR are:

  1. In Windows 'ease of access' settings, enable high contrast mode with theme 'high contrast black'
  2. Open firefox nightly
  3. Verify 'use system colors' is checked in about:preferences, and that the dropdown is set to 'only with high contrast themes' (these are the defaults, but I check just to make sure
  4. Visit a site (doesn't matter if it was bookmarked previously)
  5. Press ctrl + L to focus the address bar, tab once, arrow to bookmarks icon
  6. Activate the bookmarks icon with the spacebar.
  7. Hit tab several times until the 'save' button (should be) focused

I'm running windows 10 (settings says version 20H2, if that's helpful)

I see every other control (including the remove button) get a focus outline, but not the save button

Flags: needinfo?(mreschenberg)

This seems to reproduce for me if I have the "High Contrast White" theme selected on Windows 10. I'm able to see focus outlines for every control except the "save" button, which Morgan mentioned above.

My config:

  • High Contrast is enabled on Windows 10 with High Contrast White selected
  • From about:preferences, ensure that "Use system colors" is checked and that "Only with High Contrast themes" or "Always" is selected
  • From about:addons under "Themes", make sure you have "System theme" is enabled (the above step should already take care of this, but just in case)

Edit: .gif of what I'm observing below

Flags: needinfo?(huangs50)

Adding --focus-outline-color: var(--button-primary-bgcolor) to this rule:
https://searchfox.org/mozilla-central/rev/d10188f9b4f1c4974264f3925505a0498d346c57/toolkit/themes/shared/popupnotification.inc.css#160
should fix it.

Whiteboard: [proton-door-hangers][access-s2] → [proton-door-hangers][access-s2][hcm-2021-h2]
Attachment #9244210 - Attachment description: WIP: Bug 1712618 checkbox for bookmarks dialog "show editor when saving" does not get proper focus indicator in Windows high contrast mode → Bug 1712618 - bookmarks dialog "show editor when saving" checkbox does not get proper focus indicator in Windows high contrast mode
Pushed by dgottwald@mozilla.com:
https://hg.mozilla.org/integration/autoland/rev/6591695e856a
bookmarks dialog "show editor when saving" checkbox does not get proper focus indicator in Windows high contrast mode r=desktop-theme-reviewers,dao
Status: ASSIGNED → RESOLVED
Closed: 3 years ago
Resolution: --- → FIXED
Target Milestone: --- → 95 Branch

Dropping what looks like a now-unnecessary needinfo request.

Flags: needinfo?(huangs50)
Flags: qe-verify+

Reproduced this on an affected Nightly build 95.0a1 (20210524215832) on Win 10x64.

Verified as fixed on Beta 95.0b3 (20211104185958), Win 10x64.

Status: RESOLVED → VERIFIED
Flags: qe-verify+
Accessibility Severity: --- → s2
Whiteboard: [proton-door-hangers][access-s2][hcm-2021-h2] → [proton-door-hangers][hcm-2021-h2]
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: