Browsers (when hinted with <label for="id">) already do this. Mousing over the label will highlight the check-box identically to mousing over the check-box. Clicking the label clicks the box. While I haven't seen the <i>label</i> changing more than once or twice, I see people clicking the labels frequently enough to realize it's expected when it highlights the field.<p>Am I missing something? Or is this just about the ubiquitous lack of label-for?<p>edit: I <i>despise</i> the hand-cursor on anything but an action field (like a link). If it doesn't redirect my browser or open a popup, I don't want a hand. Ever.
Disagree. Hover effects should generally be avoided, as there's no hover state in a touch-based UI.<p>Some people suggest using select elements instead of checkboxes and two-option radios. Forget the source, but at least one study concluded that users preferred selects. As always, take with a grain of salt and test for yourself.
I frequent Starbucks and it is always frustrating, even though it lasts for a second, that signing into their network requires me do exactly what this article talks about. Each time I login, I'm hopefully that an engineer has fixed this.
Unfortunately mobile phones don't support the rollover event.<p>I assume this is why Apple went with the toggle UI. The problem with toggles is you need a very short description. (on/off, yes/no, etc)<p>Worse, for those of us not developing only for the iPhone, there are drawbacks. There are javascript and jQuery solutions for this. But then you need to require javascript and download some images and it adds complexity, makes things more fragile, is harder to maintain, adds concerns over compatibility, and I don't even know if there are performance issues.<p>So I guess there are some trade offs.
Or make bigger checkboxes - my little invention, mostly cross-browser:<p><pre><code> .bigcheckbox {
vertical-align:middle;
margin-right:5px;
height:1.4em;
width:1.4em;
*font-size:1.4em;
}</code></pre>
I stared at the screenshot trying to figure out what was special for a moment before I "got it".<p>UX enhancement that subtle...just made me smile. The subtle hint that the label is clickable using the hover is truly a nice touch.