Switch: contrast of disabled switch label is not enough

[ursula-wieshofer]

Bug Report

Expected Behavior

When a switch is disabled, the switch itself should change the color, but not the text/ label next to the switch, as users should still be able to read this. With the current text color we don't meet our accessibility standards ;)

Possible Solution

Best solution would be to disable the switch but not the text / label. The label should be visible in our standard font color.

[tomheller]

Thank you for reporting this, @ursula-wieshofer. This seems like a valid request.

[tomheller]

@ursula-wieshofer Did you check the other input types here as well? At first glance there seem to be a couple that suffer that issue:

Radio button:

Form field placeholders and hints:

Checkbox:

There would be automatic contrast checks in our a11y tests, but we have disabled most of them right now, as they would crash the builds of our design system. If this is something we want to tackle soon, we can go over the violations offline.

[ursula-wieshofer]

@tomheller imho I think we should change the fonts for all these components. Thx very much for bringing this up ;)

[tomheller]

I'm fixing the radio, checkbox and switch labels within the #702.
@ursula-wieshofer I think we should discuss placeholder texts in general, as they are a highly controversial topic.
If we make the change to the placeholder texts within the input and form fields, they will be visually the same as if the user would have entered a value. This tends to get confusing and does not help the user to determine which fields should be filled out and which ones already have values in them.