vendredi 21 août 2020

Checkbox accessibility showing no relation

I have a group of checkbox with one heading. while checking the accessibility i am getting error "All elements with the name "recognitionOption" do not reference the same element with aria-labelledby" and "Fieldset contains unrelated inputs".

<fieldset>
   <legend id="item-box">Item Box</legend>
   <div>Choose your favourite item</div>
   <div aria-labelledby="item-box">
      <div class="ant-row ant-form-item">
         <div class="ant-col ant-form-item-control-wrapper">
            <div class="ant-form-item-control">
               <span class="ant-form-item-children">
                  <div>
                     <label><span class="ant-radio ant-radio-checked"><input name="itemOption" id="itemOption1" type="radio" class="ant-radio-input" aria-label="item1" value="10" checked=""><span class="ant-radio-inner"></span></span></label><span class="small-box">Jackfruit</span>
                  </div>
                  <div><label class="ant-radio-wrapper"><span class="ant-radio"><input name="itemOption" id="itemOption2" type="radio" class="ant-radio-input" aria-label="item2" value="20"><span class="ant-radio-inner"></span></span></label><span>Mango</span></div>
               </span>
            </div>
         </div>
      </div>
   </div>
</fieldset>

It would be helpful if someone can give some suggestion on this.

Thanks in advance




Aucun commentaire:

Enregistrer un commentaire