What does this mean?

People using screen readers are not able to see the layout of a form. To make forms accessible, they must define explicit text labels for each form control.

Usually the best solution is to use a <label> element. The label may be linked to by the form control:

<label for="name">Full name</label>
<input type="name" id="name">

or the <label> can be wrapped around the form control:

<label>
    Full name <input type="name">
</label>

Buttons are different, as their labels are specified by the code for the button, e.g.

<input type="submit" value="Send message">
<button>Send message</button>

Alternatively ARIA attributes, such as aria-label may be used, but this information will not be conveyed to visual users. For more information, see W3C's guide to labeling controls.

Hidden input fields (<input type="hidden">) do not require labels. Note that the placeholder attribute should not be used as an alternative to a label.



2.4% done

How close this website is to fixing this issue.

HTML Found on page Issues
<input type="search" id="search_field" name="search_field" class="field" placeholder="Search..."> 245
<input placeholder="Search" type="text" autocomplete="off"> 122
<input type="text" name="4641034b77684f1d9d4ee58587769bf0"> 2
<select name="f4673e8b-5fd1-45ac-d219-ca7dd0a68106" id="f4673e8b-5fd1-45ac-d219-ca7dd0a68106" class="form-control">...</select> 2
<input type="text" name="86f2a8b5-b43c-40cc-b2fd-7b6e2ea71154" id="86f2a8b5-b43c-40cc-b2fd-7b6e2ea71154" class="form-control" value maxlength="500" placeholder="Subject"> 2
<input type="text" name="07f1fb51-b44e-4ba6-c785-0c9a91544183" id="07f1fb51-b44e-4ba6-c785-0c9a91544183" class="form-control" value maxlength="500" placeholder="Email*" data-val="true" data-val-required="Please enter your email"> 2
<input type="text" name="a9cecdb4-41e1-473c-b502-77eb8d14afe3" id="a9cecdb4-41e1-473c-b502-77eb8d14afe3" class="form-control" value maxlength="500" placeholder="Name*" data-val="true" data-val-required="Please enter your name"> 2
<textarea name="4bd5263f-a40e-400c-fde4-e8169a97d993" id="4bd5263f-a40e-400c-fde4-e8169a97d993" rows="2" cols="20" class="form-control" placeholder="Message*" data-val="true" data-val-required="Please enter a message"></textarea> 2
<input type="text" name="ff9b4539bff24c96a753fbc2c06d3371"> 1
<select class="form-control" id="SelectedMaxPrice" name="SelectedMaxPrice">...</select> 1
400 distinct issues were found in the sample of 125 web pages. Only the first 10 issues are shown here.
More results from Gentoo Group Limited