title: Checkbox accessibility showing no relation
body: <p>I have a group of checkbox with one heading. while checking the accessibility i am getting error &quot;All elements with the name &quot;recognitionOption&quot; do not reference the same element with aria-labelledby&quot; and &quot;Fieldset contains unrelated inputs&quot;.</p>
  <pre><code>&lt;fieldset&gt;
     &lt;legend id=&quot;item-box&quot;&gt;Item Box&lt;/legend&gt;
     &lt;div&gt;Choose your favourite item&lt;/div&gt;
     &lt;div aria-labelledby=&quot;item-box&quot;&gt;
        &lt;div class=&quot;ant-row ant-form-item&quot;&gt;
           &lt;div class=&quot;ant-col ant-form-item-control-wrapper&quot;&gt;
              &lt;div class=&quot;ant-form-item-control&quot;&gt;
                 &lt;span class=&quot;ant-form-item-children&quot;&gt;
                    &lt;div&gt;
                       &lt;label&gt;&lt;span class=&quot;ant-radio ant-radio-checked&quot;&gt;&lt;input name=&quot;itemOption&quot; id=&quot;itemOption1&quot; type=&quot;radio&quot; class=&quot;ant-radio-input&quot; aria-label=&quot;item1&quot; value=&quot;10&quot; checked=&quot;&quot;&gt;&lt;span class=&quot;ant-radio-inner&quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;/label&gt;&lt;span class=&quot;small-box&quot;&gt;Jackfruit&lt;/span&gt;
                    &lt;/div&gt;
                    &lt;div&gt;&lt;label class=&quot;ant-radio-wrapper&quot;&gt;&lt;span class=&quot;ant-radio&quot;&gt;&lt;input name=&quot;itemOption&quot; id=&quot;itemOption2&quot; type=&quot;radio&quot; class=&quot;ant-radio-input&quot; aria-label=&quot;item2&quot; value=&quot;20&quot;&gt;&lt;span class=&quot;ant-radio-inner&quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;/label&gt;&lt;span&gt;Mango&lt;/span&gt;&lt;/div&gt;
                 &lt;/span&gt;
              &lt;/div&gt;
           &lt;/div&gt;
        &lt;/div&gt;
     &lt;/div&gt;
  &lt;/fieldset&gt;
  </code></pre>
  <p>It would be helpful if someone can give some suggestion on this.</p>
  <p>Thanks in advance</p>