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.



0% done

How close this website is to fixing this issue.

HTML Found on page Issues
<button type="button" id="cboxSlideshow"> 125
<button type="button" id="cboxPrevious"> 125
<button type="button" id="cboxNext"> 125
<input id="term" name="term" type="text" placeholder="l'd like to study.." value> 1
<input id="term" name="term" type="text" class="round-input"> 1
<select id="level" name="level" class="course-level">...</select> 1
<select id="year" name="year" class="course-level">...</select> 1
<input type="submit" value class="input-arrow"> 1
<button draggable="false" title aria-label type="button" aria-pressed="true" style="background: none padding-box rgb(255, 255, 255); display: table-cell; border: 0px; margin: 0px; padding: 0px 17px; text-transform: none; -webkit-appearance: none; position: relative; cursor: pointer; user-select: none; direction: ltr; overflow: hidden; text-align: center; height: 40px; vertical-align: middle; color: rgb(0, 0, 0); font-family: Roboto, Arial, sans-serif; font-size: 18px; border-bottom-right-radius: 2px; border-top-right-radius: 2px; box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px; min-width: 100px; font-weight: 500;">Styled Map</button> 1
<select id="year" name="year" class="round-input">...</select> 1
382 distinct issues were found in the sample of 125 web pages. Only the first 10 issues are shown here.
More results from University of Chichester