Take the 2-minute tour ×
User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It's 100% free, no registration required.

I always do so because to me it feels nicer; it implies an action will happen on click. Especially for radio/checkbox labels, where the for attribute is correctly used.

This is not the default behaviour; why?

share|improve this question
    
A vote in favor of cursors for clickable elements: Bootstrap does it. (Technically, they only support it, as you have to add a .checkbox class around a containing div. But curiously, they don't add cursor: pointer to the input itself! In fact, this css rule looks altogether superior.) I can't answer the why, I was kind of surprised to see that chrome hasn't added it to their user stylesheets. I think it looks better. –  Patrick M May 7 at 21:11
    
Argh, I take that back about the other rule; they need to add label input { cursor: pointer; }. –  Patrick M May 7 at 21:16

2 Answers 2

Just today I thought about the same thing, and to me it just feels right to use pointer on checkboxes. "Nigel NormalUser" who isn't so into using software, doesn't see it obvious, that you can select the checkbox with the label. And having the pointer there when hovering could maybe make it more known for the common user. So I would say yes, it should. For usability and clearance to those who don't know that you can select by clicking on the label.

share|improve this answer

The pointer cursor is simply an indicator of "clickability" (affordance). There are numerous ways of indicating to the user that an element can be clicked on, and the pointer is just one of them.

The pointer is especially useful when the element being clicked on doesn't change on mouse over. Default link styles in a web-browser don't change when the mouse is hovered over them, so the pointer is necessary to indicate to the user that the element can be clicked on.

With <input type="checkbox"> and <input type="radio"> elements, the background color of the element changes to indicate that an action can take place.

I'm currently using Windows 7, and the icons on the desktop don't cause the pointer to change when hovered, instead the icon changes to indicate that it can be clicked on:

Computer icon being hovered over in Windows 7

If you feel that additional cues would be helpful to inform the user of a possible interaction, there is no harm in changing the cursor to the appropriate type. For example, the "help" cursor is often used on <abbr> elements to indicate additional information is available.

share|improve this answer

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.