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

[bug] HCM: Fix visibility of label for checked checkbox in Card Control in high contrast mode #4287

Open
alionazherdetska opened this issue Dec 15, 2024 · 0 comments · May be fixed by #4321
Open

[bug] HCM: Fix visibility of label for checked checkbox in Card Control in high contrast mode #4287

alionazherdetska opened this issue Dec 15, 2024 · 0 comments · May be fixed by #4321
Assignees
@leagrdv
Labels
💜 accessibility 📦 components Related to the @swisspost/design-system-components package
Milestone
PPNL Support

Comments

@alionazherdetska
Copy link
Contributor

alionazherdetska commented Dec 15, 2024 •
edited
Loading

Description:
In high contrast mode, when the checkbox is checked in the Card Control component, the associated label becomes invisible. This affects usability and accessibility for users relying on high contrast settings.

Steps to Reproduce:

  • Enable high contrast mode in the browser or system settings.
  • Navigate to a page containing the Card Control component with a checkbox and label.
  • Check the checkbox and observe the label's visibility.

Light mode
Image

Dark mode
Image
@alionazherdetska alionazherdetska added this to the PPNL Support milestone Dec 15, 2024
@alionazherdetska alionazherdetska changed the title HCM: Fix visibility of label for checked checkbox in Card Control in high contrast mode [bug] HCM: Fix visibility of label for checked checkbox in Card Control in high contrast mode Dec 15, 2024
@gfellerph gfellerph added the 📦 components Related to the @swisspost/design-system-components package label Dec 16, 2024
@gfellerph gfellerph moved this from 👀 Triage to 💻 Ready for development in Design System Production Board Dec 16, 2024
@alionazherdetska alionazherdetska self-assigned this Dec 16, 2024
@alionazherdetska alionazherdetska moved this from 💻 Ready for development to 🕹️ Coding in progress in Design System Production Board Dec 16, 2024
@alionazherdetska alionazherdetska removed their assignment Dec 16, 2024
@alionazherdetska alionazherdetska moved this from 🕹️ Coding in progress to 💻 Ready for development in Design System Production Board Dec 16, 2024
@leagrdv leagrdv moved this from 💻 Ready for development to 🕹️ Coding in progress in Design System Production Board Dec 16, 2024
@leagrdv leagrdv moved this from 🕹️ Coding in progress to 🤬 Dev in Code Review in Design System Production Board Dec 16, 2024
@leagrdv leagrdv linked a pull request Dec 17, 2024 that will close this issue
fix(styles): HCM card control checkbox text color #4321
Open
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@leagrdv leagrdv

Labels
💜 accessibility 📦 components Related to the @swisspost/design-system-components package
Projects
Design System Production Board
Status: 🤬 Dev in Code Review
Milestone
PPNL Support
Development

Successfully merging a pull request may close this issue.

fix(styles): HCM card control checkbox text color swisspost/design-system
3 participants
@gfellerph @alionazherdetska @leagrdv