thank you for your answers, jukka and nathan just one more doubt: the group of radiobuttons itself is contained within a label-tag. so it would be ok to nest the others inside?<br><br><div class="gmail_quote">2011/6/23 Jukka K. Korpela <span dir="ltr"><<a href="mailto:jukka.k.korpela@kolumbus.fi">jukka.k.korpela@kolumbus.fi</a>></span><br>
<blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex;"><div class="im">2011-06-23 14:37, Nathan Ziarek wrote:<br>
<br>
</div><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div class="im"><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">

what would be the right choice for grouping the radio and the image<br>
toghether?<br>
</blockquote>
<br></div>
*<label>*<br>
</blockquote>
<br>
Yes, and it does more than grouping: it associates them with each other, possibly affecting the behavior of the user interface (as discussed below).<div class="im"><br>
<br>
<blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">
Semantically, it's still correct, since the image is the "description"<br>
of the radio button choice.<br>
</blockquote>
<br></div>
Well, the label element content is supposed to be a "description" in _some_ sense - typically, a name, abbreviation, or short phrase, rather than a description proper. (For example, the word "apple", not a description of an apple.) And an image can play this role too.<br>

<br>
Besides, as every image shall have an alt attribute (except for rare exceptions that hardly apply here), there is also a textual label available, though usually hidden, on graphic browsers.<div class="im"><br>
<br>
<blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">
And, assuming you use the "for" attribute,<br>
there is the added benefit that clicking on the image (a larger hit<br>
target) activates the radio button.<br>
</blockquote>
<br></div>
Yes, that's useful, but that is _not_ required in the specs. It is one possibility, and a common one, but "On other platforms, the behavior might be just to focus the control, or do nothing."<br>
<a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/forms.html#the-label-element" target="_blank">http://www.whatwg.org/specs/<u></u>web-apps/current-work/<u></u>multipage/forms.html#the-<u></u>label-element</a><br>
<font color="#888888">
<br>
-- <br>
Yucca, <a href="http://www.cs.tut.fi/~jkorpela/" target="_blank">http://www.cs.tut.fi/~<u></u>jkorpela/</a></font><div><div></div><div class="h5"><br>
______________________________<u></u>_________________<br>
Help mailing list<br>
<a href="mailto:Help@lists.whatwg.org" target="_blank">Help@lists.whatwg.org</a><br>
<a href="http://lists.whatwg.org/listinfo.cgi/help-whatwg.org" target="_blank">http://lists.whatwg.org/<u></u>listinfo.cgi/help-whatwg.org</a><br>
</div></div></blockquote></div><br>