Here’s a beauty for you. I’m submitting an application for graduate funding to NSERC, a Canadian governmental organization that funds research in engineering and science. This is an actual example from their online scholarship application:
What’s it look like I’ve selected? “Institutional” and “Academic”, right? Nope. It’s actually “International” and “Communication” that’s selected. Yikes. How did no one notice this during development?
Even if that radio button hadn’t somehow strayed down to the next line, putting all the radio buttons inline with the descriptions is a bad idea. Here’s another example, from the Wordpress comment moderation page:
The problem with this layout is that you spot the option you’d like to select, but it takes a sec to figure out what radio button is associated to it. You have to look at the ends of the lines to figure out how the mapping works. Every time I mark a comment as spam, I have to double check that I’m not actually approving it instead.