Skip to content

Link labels and input fields together with for=id #28

@rianrietveld

Description

@rianrietveld

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>

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions