[Toggle] Text when Disabled does not provide enough contrast and is difficult to read
Environment
All browsers
Detailed description
Latest version of Carbon. We notice the colors chosen for when the Toggle component is disabled doesn't provide enough contrast to read the text. Furthermore, in our product specifically (SOAR Playbook Designer), we use Gray-90 as the background for the Toggle, and when disabled, the Toggle SVG's background matches the same color and isn't discernible.
What WCAG 2.1 checkpoint does the issue violate?
Text contrast. Although disabled buttons are exempt from contrast requirements, we think it would still be beneficial to provide clearer contrast in these cases.
Additional information
Example in product (SOAR Playbook Designer) Gray-90 background:
Example in Storybook, white background:
[Toggle] Text when Disabled does not provide enough contrast and is difficult to read
Environment
All browsers
Detailed description
Latest version of Carbon. We notice the colors chosen for when the Toggle component is disabled doesn't provide enough contrast to read the text. Furthermore, in our product specifically (SOAR Playbook Designer), we use Gray-90 as the background for the Toggle, and when disabled, the Toggle SVG's background matches the same color and isn't discernible.
Text contrast. Although disabled buttons are exempt from contrast requirements, we think it would still be beneficial to provide clearer contrast in these cases.
Additional information
Example in product (SOAR Playbook Designer) Gray-90 background:
Example in Storybook, white background:
