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.

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

HCM: Fix accessibility of post-icon in form select in high contrast mode (dark theme) #4285

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

HCM: Fix accessibility of post-icon in form select in high contrast mode (dark theme) #4285

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

Comments

@alionazherdetska
Copy link
Contributor

Description:
The post-icon used in the form select is not visible in high contrast mode with the dark theme because it is rendered in black, blending into the background. This issue does not occur in the light theme, where the icon is displayed correctly.

Steps to Reproduce:

  1. Enable high contrast mode in the browser or system settings.
  2. Switch to dark theme.
    https://support.microsoft.com/en-us/windows/turn-high-contrast-mode-on-or-off-in-windows-909e9d89-a0f9-a3a9-b993-7a6dcee85025#:~:text=Select%20the%20Start%20button%2C%20then,like%20links%20and%20button%20text.
  3. Navigate to the Form Select page.
  4. Observe that the post-icon is not visible.

Image
Image

@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
@gfellerph gfellerph moved this from 👀 Triage to 💻 Ready for development in Design System Production Board Dec 16, 2024
@alionazherdetska alionazherdetska self-assigned this Dec 17, 2024
@alionazherdetska alionazherdetska moved this from 💻 Ready for development 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
Labels
💜 accessibility 📦 styles Related to the @swisspost/design-system-styles package
Projects
Status: 🤬 Dev in Code Review
Development

Successfully merging a pull request may close this issue.

1 participant