title: Using "label for" on radio buttons
body: <p>When using the "label for" parameter on radio buttons, to be <a href="http://www.508checker.com/what-is-508-compliance" rel="noreferrer">508 compliant</a>*, is the following correct?</p>
  
  <pre><code> &lt;label for="button one"&gt;&lt;input type="radio" name="group1" id="r1" value="1" /&gt; button one&lt;/label&gt; 
  </code></pre>
  
  <p>or is this?</p>
  
  <pre><code> &lt;input type="radio" name="group1" id="r1" value="1" /&gt;&lt;label for="button one"&gt; button one&lt;/label&gt;
  </code></pre>
  
  <p>Reason I ask is that in the second example, "label" is only encompassing the text and not the actual radio button.</p>
  
  <blockquote>
    <p>*Section 508 of the Rehabilitation Act of 1973 requires federal agencies to provide software and website accessibility to people with disabilities.</p>
  </blockquote>