There's a discrepancy on disabled elements in the implementation in MobileFrontend (via mediawiki.UI) and OOjs UI and design (M101).
Before the color palette overhaul, disabled elements in M101 have featured text-shadow to leverage the contrast of primary buttons (especially white color on grey background), which didn't and still doesn't comply to WCAG 2.0 level AA.
The design template featured text-shadow: 0 1px rgba( 0, 0, 0, 0.1 ) though, which gives the text a slight 3D touch. In our conversations which predated the new color palette, we've concluded on using 3D just for box-shadows and very carefully.
Please provide feedback what of the following options is the best to progress:
- No shadow,
- 3D resembling text-shadow
- Blurred to all sides text-shadow for more contrast.
Find them exemplified at https://codepen.io/Volker_E/pen/ALdbQE