At the moment the labels and input fields are not connected with each other.
And input field should have an unique id with can be referred to by the label using for="id"
The unique ID is already there, it just needs to be linked to the label.
Advantage: assistive technology (for example a screen reader) can read the proper labels with the input fields. Also, with checkbox and radio buttons the option will be selected by clicking the label.
For example with the HTML of the header in the header module should be:
<div class="form-row">
<label class="form-row-label" for="view10">Heading</label>
<div class="field">
<div><input type="text" id="view10" class="regular-text" value=""></div>
</div>
</div>
At the moment the labels and input fields are not connected with each other.
And input field should have an unique id with can be referred to by the label using for="id"
The unique ID is already there, it just needs to be linked to the label.
Advantage: assistive technology (for example a screen reader) can read the proper labels with the input fields. Also, with checkbox and radio buttons the option will be selected by clicking the label.
For example with the HTML of the header in the header module should be: