Mobile: disabled forms are unreadable

[lancewillett]

If you encounter a form field which is disabled on mobile, it's extremely difficult to read, and in the right (wrong?) light, it just looks like a grey box. We need to make it so that you can at least make out what it says.

Steps to repeat:

1. Go to wordpress.com in a mobile browser, like Mobile Safari.
2. Log in, go to a site in My Sites.
3. Click on Settings (URL: https://wordpress.com/settings/general/lancetest35.wordpress.com)
4. Scroll to "Address and Visibility" and see that "Site Address" input field isn't readable.

[lancewillett]

Confirmed this is still a bug. :/ We should update this as it's an a11y and usability nightmare.

(iOS simulator, iPhone 6+.)

[lancewillett]

This should be a quick CSS change, right? Good for Janitorial or first change.

[josephfusco]

Looks like a normalization issue with Safari iOS disabled inputs having opacity: .4.

See [19]: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Input#Browser_compatibility
A more in depth discussion on the behavior: h5bp/html5-boilerplate#1403

[josephfusco]

Should be good to close this now :)