Switch: Disabled Switch On Status Not Easily Discernible

[hemantg05]

Disabled ON Switch is not easily discernible.

Describe the bug
User can not easily discern whether the switch is ON or OFF.

Expected behavior
Disabled ON Switch is should be easily discernible.

Screenshots

Additional context
cc @karinthulin, PIM

[tmcconechy]

I think this is a valid concern. I looked at a few other examples and most of them include the color in the disabled state for example

In addition because of accessibility we should really incorporate on/off text in the state as well.

Can design take a look @inforandy

[karinthulin]

@tmcconechy this is an issue in PIM application. Can this be addressed?

[tmcconechy]

Sure, taking a look this sprint. But if you need a quick fix. We'll just change the color of disabled to be less. Not change the design to add on/off text. That way we can get this done much quicker without a design change.

i.e. when on and disabled still show the blue color to indicate on but in a dimmer blue.

[tmcconechy]

See previous comment. We are just changing the disabled state to have a color so you can easier tell on / off.
Also please fix this in both this repo and https://github.com/infor-design/enterprise-wc as its in both. So two PR's

[rob2d]

@tmcconechy tried to make the most minimal change possible, seems would be easier to see with the bg bar than with the circle outline.

Would this work?

[rob2d]

should have re-read the issue before working on that -- adjusting the disabled on state now.

[rob2d]

@tmcconechy @hemantg05

For main theme, does this seem it may be differentiated enough?
(kept a graphite-colored outline as having a perfectly azure circle even if lighter was a bit confusing)

edit: other variants

[tmcconechy]

Did you see the color options here https://master-enterprise.demo.design.infor.com/components/colors/example-index.html was thinking Azure 01 - so its quite light? Is it that already if not could go down one color in the sequence?

[jbrcna]

this is working as expected. v4.50.0-beta2
https://4500-beta2-enterprise.demo.design.infor.com/components/switch/example-index.html?theme=new&mode=light&colors=7928E1