Our product is using "Select" and "Dropdown" components to server as selectors.
In high contrast mode, the "Select" component does not seem to pick up right color for the user defined high contrast mode. It shows white background when dark mode is selected. The "Dropdown" component seems to be working correctly.
I checked with the Accessibility@IBM team and understand having such mixed modes fails the compatibility requirement for running in Windows OS High Contrast mode/theme. So this will need to reviewed and fixed.
Package
carbon-components-react
Browser
Chrome
Operating System
Windows
Package version
7.59.13
React version
16.14.0
Automated testing tool and ruleset
IBM Equal Access Accessibility Checker
Assistive technology
No response
Description
Our product is using "Select" and "Dropdown" components to server as selectors. In high contrast mode, the "Select" component does not seem to pick up right color for the user defined high contrast mode. It shows white background when dark mode is selected. The "Dropdown" component seems to be working correctly. I checked with the
Accessibility@IBM
team and understand having such mixed modes fails the compatibility requirement for running in Windows OS High Contrast mode/theme. So this will need to reviewed and fixed.Example(Select): https://v7-react.carbondesignsystem.com/?path=/story/components-select--default
Example(Dropdown) - https://v7-react.carbondesignsystem.com/?path=/story/components-dropdown--playground
WCAG 2.1 Violation
1.1.1 Non-text Content
Reproduction/example
NA
Steps to reproduce
Turn on High Contract Mode on Windows. Use the storybook links provided in the description above.
Code of Conduct