Color en checkboxes disabled

[aweell]

Desde Movistar España llega el siguiente feedback:

En los test de usuario están detectando que los usuarios no perciben el check deshabilitados como un estado deshabilitado. El problema que ven es que apenas se distingue del estado off (ya que es un grey3 que poco difiere cuando aplicas la norma del 50% de opacidad. Por tanto, por lo visto, a los usuarios no les parece que el check inactivo deshabilitado lo perciban como un estado deshabilitado. Quizás tengamos que darle una vuelta y ver opciones en las que esto parezca deshabilitado.

La solución que recomiendan por aquí es o bien oscurecer el borde del estado off con un grey4 y cambiar el disabled a un grey2.

O bien oscurecer el disabled con un fondo grey2

El caso es que esto habría que aplicarlo al resto de controls. No sé si a vosotros se os ocurre una idea mejor.

[aweell]

Oscurecer el border con grey 4

Ahora mismo tal y como está la implementación va a generarse un problema parecido, ya que al hacer el 50% del grey 4, aunque menos sutil, va a seguir sin existir una diferencia notable entre el enabled y el disabled.

Uso de grey background

Actualmente por ejemplo estamos usando un grey background para indicar que el input es readOnly (derecha):

Podría generar inconsistencias que en los inputs se emplee el color de la misma manera para diferentes estados.

Usar el controlActivated en borde de los unselected

Mi propuesta es que se utilice el controlActivated para el border del estado enabledUnselected y customizar tanto para radioButton como para checkbox los estados disabled, usando el control únicamente en esos estados:

Nota: esto tendría impacto en todas las marcas

[dsys-col]

Muy interesante lo que comentas. Me parece una buena solución separando lo que es clicable de lo que no lo es y que tal y como está ahora estamos viendo que es algo confuso para un usuario. Esto solamente lo extendería a los radiobuttons. Es fácil de modificar y aplicar a las diferentes marcas y el impacto no es excesivo y estaría limitado.

[yceballost]

Creada una issue para trabajar en profundidad sobre esto y traer alternativas a la discussion
#1011