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

HCM: Apply color changes on hover in High Contrast Mode for Search Input, post-closebutton, post-togglebutton and Chip components #4286

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

HCM: Apply color changes on hover in High Contrast Mode for Search Input, post-closebutton, post-togglebutton and Chip components #4286

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

Comments

@alionazherdetska
Copy link
Contributor

alionazherdetska commented Dec 15, 2024 •
edited
Loading

Description:
The hover state color changes are missing for the following components, affecting accessibility:

  1. Search Form Input: The search icon does not change color when hovering over the input field.
  2. Close Button, Chip, Button Toggle : The color of the components does not change on hover.

Steps to Reproduce:

  • Navigate to the pages of the following components:
    Search Input
    Button Close
    Button Toggle
    Chip
  • Hover over each component and observe the behavior.
  • Observe the lack of color changes during the hover state.
@alionazherdetska alionazherdetska added 💜 accessibility 📦 styles Related to the @swisspost/design-system-styles package labels Dec 15, 2024
@alionazherdetska alionazherdetska added this to the PPNL Support milestone Dec 15, 2024
@alionazherdetska alionazherdetska changed the title HCM: Apply color changes on hover in High Contrast Mode for Search Input, post-closebutton, and Chip components HCM: Apply color changes on hover in High Contrast Mode for Search Input, post-closebutton, post-togglebutton and Chip components Dec 15, 2024
@gfellerph gfellerph moved this from 👀 Triage to 💻 Ready for development in Design System Production Board Dec 16, 2024
@schaertim schaertim self-assigned this Dec 18, 2024
@schaertim schaertim moved this from 💻 Ready for development to 🕹️ Coding in progress in Design System Production Board Dec 18, 2024
@schaertim schaertim linked a pull request Dec 18, 2024 that will close this issue
fix(styles): added hover colors in hcm #4331
Open
@schaertim schaertim moved this from 🕹️ Coding in progress to 🤬 Dev in Code Review in Design System Production Board Dec 18, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@schaertim schaertim

Labels
💜 accessibility 📦 styles Related to the @swisspost/design-system-styles 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): added hover colors in hcm swisspost/design-system
2 participants
@schaertim @alionazherdetska