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.
More helpUsually 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.
73.8% done
How close this website is to fixing this issue.
HTML | Found on page | Issues |
---|---|---|
<select class="select--semi" id="ddlMobileSubMenu" onchange="mobileMenuChange()">...</select>
|
25 | |
<input type="text" value="https://www.morrisons-corporate.com/media-centre/corporate-news/morrisons-brings-local-communities-together-with-12-days-of-kindness/" class="share-links__input" id="link_url_3">
|
6 | |
<input type="text" value="https://www.morrisons-corporate.com/media-centre/corporate-news/morrisons-extends-10-discount-into-new-year/" class="share-links__input" id="link_url_2">
|
6 | |
<input type="text" value="https://www.morrisons-corporate.com/media-centre/corporate-news/deliver-phew-morrisons-add-most-forgotten-festive-items-to-deliveroo-service/" class="share-links__input" id="link_url_1">
|
6 | |
<input type="text" value="https://www.morrisons-corporate.com/media-centre/corporate-news/morrisons-cafes-open-this-week-after-multi-million-pound-investment-in-social-distancing/" class="share-links__input" id="link_url_38">
|
2 | |
<input type="text" value="https://www.morrisons-corporate.com/media-centre/corporate-news/morrisons-new-doorstep-delivery-service-passes-100000-orders/" class="share-links__input" id="link_url_47">
|
2 | |
<input type="text" value="https://www.morrisons-corporate.com/media-centre/corporate-news/morrisons-to-extend-immediate-payments-for-small-suppliers-for-a-further-three-months/" class="share-links__input" id="link_url_46">
|
2 | |
<input type="text" value="https://www.morrisons-corporate.com/media-centre/corporate-news/morrisons-to-bring-back-national-takeaway-service-for-second-lockdown/" class="share-links__input" id="link_url_11">
|
2 | |
<input type="text" value="https://www.morrisons-corporate.com/media-centre/corporate-news/morrisons-stocks-new-fettle-cheese-to-help-struggling-yorkshire-sheep-farmers/" class="share-links__input" id="link_url_49">
|
2 | |
<input type="text" value="https://www.morrisons-corporate.com/media-centre/corporate-news/morrisons-is-now-on-amazon.co.uk/" class="share-links__input" id="link_url_32">
|
2 |