Leave a comment


napsersissini said on June 5th, 2009 at 12:00 am :

Hi, Congratulations to the site owner for this marvelous work you’ve done. It has lots of useful and interesting data.

Jun 4, 2009 | Radio button UI

An online banking security prompt asks me whether or not the computer I’m using is a public computer or not:

Radio button select

Problem: Even though there is a lot of text associated with each radio button, I have to navigate to the button itself each time to select one or the other option (frustratingly, the site assumes that whenever I connect I want it to think I’m on a private computer, which is never always the case).

Resolution: use labels and ids, as follows:

Compare this to the rather less convenient

You have to click on the radio button to select this one
Likewise for this radio button

Identified problems: using a table structure with cells breaks the label‘s power to associate the button with the text.

This entry was posted on Thursday, June 4th, 2009 at 11:01 am, EST under the category of Coding, User Interface. You can leave a response, or trackback from your own site.