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.



28% done

How close this website is to fixing this issue.

HTML Found on page Issues
<button class="ot-host-box" aria-expanded="false"> 53
<input type="text" id="nlpq" name="nlpq" class placeholder="Type here to search" value autocomplete="off"> 35
<input type="password" name="passwordRetype" class="gigya-input-password" data-required="true" tabindex="0" show-valid-checkmark="true" data-screenset-element-id="gigya-passsord-passwordRetype" data-screenset-element-id-publish="true" data-screenset-roles="template" data-gigya-name="passwordRetype" data-original-value> 6
<input type="password" name="newPassword" class="gigya-input-password" tabindex="0" show-password-strength="left" gigya-conditional:show-password-strength="viewport.width < 900?up" show-valid-checkmark="true" data-screenset-element-id="gigya-password-newPassword" data-screenset-element-id-publish="true" data-screenset-roles="template" gigya-default-show-password-strength="left" data-gigya-name="newPassword" data-original-value> 4
<input type="checkbox" name="data.terms" class="gigya-input-checkbox" data-display-name tabindex="0" data-screenset-element-id="gigya-checkbox-terms" data-screenset-element-id-publish="true" data-screenset-roles="template" data-gigya-name="data.terms" data-original-value="false"> 4
<input type="checkbox" name="data.subscribe" class="gigya-input-checkbox fd-checkbox" data-display-name tabindex="0" data-screenset-element-id="gigya-checkbox-subscribe" data-screenset-element-id-publish="true" data-screenset-roles="template" data-gigya-name="data.subscribe" data-original-value="false"> 4
<input type="text" value name="code" autocomplete="off" class="gigya-input-text" formnovalidate="formnovalidate" tabindex="0" data-screenset-element-id="gigya-textbox-code" data-screenset-element-id-publish="true" data-screenset-roles="template" data-gigya-name="code" data-original-value> 4
<input type="checkbox" class="gigya-input-checkbox fd-checkbox" name="preferences.terms.TermsOfService.isConsentGranted" data-screenset-element-id="gigya-checkbox-71963236422227120" data-screenset-element-id-publish="true" data-screenset-roles="template" data-gigya-name="preferences.terms.TermsOfService.isConsentGranted" data-original-value="false"> 4
<input type="text" class="gigya-input-text gigya-input-text--signup-mail" show-valid-checkmark="true" data-gigya-type="text" name="profile.email" data-required="true" autocomplete="email" data-screenset-element-id="gigya-textbox-131174837823462110" data-screenset-element-id-publish="true" data-screenset-roles="template" data-gigya-name="profile.email" data-original-value> 4
<input type="text" class="gigya-input-text" show-valid-checkmark="true" data-gigya-type="text" name="email" data-screenset-element-id="gigya-textbox-20913098960397852" data-screenset-element-id-publish="true" data-screenset-roles="template" data-gigya-name="email" data-original-value> 2
239 distinct issues were found in the sample of 125 web pages. Only the first 10 issues are shown here.
More results from The Body Shop