Gray out disabled checkbox/radio while maintaining accessibility #1360
Conversation
Make disabled radio/checkbox opacity 65% WCAG AA: Pass WCAG AAA: Pass (borderline)
0a092da to
9a343b1
Compare
|
@interactivellama let's go with 65% opacity, but we'll need to update both the "no-javascript" and "javascript" versions to be consistent. In the future we should consider AAA, but at the very least we should meet AA standards. |
|
Always good to provide accessibility! The opacity change seems to be good here... on a sort-of-related note, I'm noticing in both Firefox and Chrome that tabbing does not appear to be working correctly. When I click the start of the index page and hit tab a bunch, it appears to be selecting the checkboxes as it takes quite some time to get to the checkbox example method buttons, but no indicator is shown. @interactivellama are you seeing this? I recall having some indicator upon tabbing before... |
|
#1382 fixes that issue. |
|
Cool, new issue for that. This one is good then! |
…o-label-opacity Gray out disabled checkbox/radio while maintaining accessibility
Fixes #1380
Make disabled radio/checkbox and their labels opacity 65% instead of 50% opacity.
WCAG AA: Pass
WCAG AAA: Pass (borderline)
http://www.w3.org/WAI/WCAG1AAA-Conformance
@jamin-hall I'm getting a ratio around 7:1 which should be AAA.