Currently, selecting a form control can only be done by clicking or focusing the form control element itself; focusing the associated <label> element does nothing.
This is particularly annoying for radio and checkbox inputs.
The <label> tags do have for='...' attributes, but the form controls all lack an id='...' attribute.
(they are outfitted with name='...' attributes, but the input needs to have a matching id attribute for it to respond to a click on its <label> element. 😢 )
Suggested solution
add id attribute matching the name attribute on Form controls (<input>, <select>, <textarea> etc)
Currently, selecting a form control can only be done by clicking or focusing the form control element itself; focusing the associated
<label>element does nothing.This is particularly annoying for
radioandcheckboxinputs.The
<label>tags do havefor='...'attributes, but the form controls all lack anid='...'attribute.(they are outfitted with
name='...'attributes, but the input needs to have a matchingidattribute for it to respond to a click on its<label>element. 😢 )Suggested solution
add
idattribute matching thenameattribute on Form controls (<input>,<select>,<textarea>etc)