[Accessibility] Orphaned form label
-
Hi,
Im currently having an accessibilty issue. My service provider just send me some notifications about “Orphaned form label” issue on one of my form.
The reason is a got 2 radios buttons groups my Im not able to hade a “for” attribute to the label.Just so you know, here is my code, so you can see there is no “for” attribute on the very first label :
<div class="ff-el-group custom-options"> <div class="ff-el-input--label ff-el-is-required asterisk-right"> <label aria-label="Cet article vous a-t-il été utile ?">Cet article vous a-t-il été utile ?</label> </div> <div class="ff-el-input--content"> <div class="ff-el-form-check ff-el-form-check-"> <label class="ff-el-form-check-label" for="input_radio_dc2e77c1e9de5e92630d6b0d4c96d322"> <input type="radio" name="input_radio" data-name="input_radio" class="ff-el-form-check-input ff-el-form-check-radio" value="Oui" id="input_radio_dc2e77c1e9de5e92630d6b0d4c96d322" aria-label="Oui" aria-invalid="false" aria-required="true"> <span>Oui</span> </label> </div> <div class="ff-el-form-check ff-el-form-check-"> <label class="ff-el-form-check-label" for="input_radio_74b91a177b4d405e5c3dd6d3fee297c8"> <input type="radio" name="input_radio" data-name="input_radio" class="ff-el-form-check-input ff-el-form-check-radio" value="Non" id="input_radio_74b91a177b4d405e5c3dd6d3fee297c8" aria-label="Non" aria-invalid="false" aria-required="true"> <span>Non</span> </label> </div> </div> </div>
Do you have a solution for this ?
Cheers,
Viewing 1 replies (of 1 total)
Viewing 1 replies (of 1 total)
- The topic ‘[Accessibility] Orphaned form label’ is closed to new replies.