Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Animation toggle button has limited support for High Contrast Themes (HCM) #15763

Open
1 task
maureenlholland opened this issue Dec 17, 2024 · 0 comments · May be fixed by #15776
Open
1 task

Animation toggle button has limited support for High Contrast Themes (HCM) #15763

maureenlholland opened this issue Dec 17, 2024 · 0 comments · May be fixed by #15776
Assignees
@maureenlholland
Labels
a11y Issues related to accessibility Refresh 🦖 Work related to the 2024 site refresh

Comments

@maureenlholland
Copy link
Collaborator

Description

See Bugzilla for details

When a High contrast theme (HCM / forced-colors) is active on Windows, the Animation toggle is hard to discern - it does use ButtonFace system color for the background but is missing a border and the label and border are using a color that makes it hard to discern from the page background

NOTE: this is most noticeable on smaller screens/with zoom when the button is icon-only

Success Criteria

  • ensure the appropriate color pairs are used for forced-colors media query (HCM on Win): ButtonFace with ButtonText for the border/label text and for the control background. Focus indication is expected to use CanvasText system color
@maureenlholland maureenlholland added a11y Issues related to accessibility Refresh 🦖 Work related to the 2024 site refresh labels Dec 17, 2024
@maureenlholland maureenlholland self-assigned this Dec 18, 2024
maureenlholland added a commit to maureenlholland/bedrock that referenced this issue Dec 18, 2024
@maureenlholland
Better high contrast mode support (fixes mozilla#15763)
d41aaf8
@maureenlholland maureenlholland linked a pull request Dec 18, 2024 that will close this issue
Fix Animation button accessibility issues (fixes #15762, #15763, #15764) #15776
Open
6 tasks
@maureenlholland maureenlholland linked a pull request Dec 19, 2024 that will close this issue
Open
6 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@maureenlholland maureenlholland

Labels
a11y Issues related to accessibility Refresh 🦖 Work related to the 2024 site refresh
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

Fix Animation button accessibility issues (fixes #15762, #15763, #15764) maureenlholland/bedrock
1 participant
@maureenlholland