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.
85.7% done
How close this website is to fixing this issue.
| HTML | Found on page | Issues |
|---|---|---|
<button data-ux="CarouselButtonPrevious" data-aid="GALLERY_SCROLL_LEFT_ARROW" class="x-el x-el-button c1-1 c1-2 c1-3d c1-2q c1-2r c1-2s c1-2t c1-7w c1-7x c1-3q c1-3p c1-bx c1-95 c1-73 c1-4s c1-5p c1-c2 c1-3a c1-94 c1-c3 c1-c4 c1-b c1-c5 c1-c6 c1-4w c1-c7 c1-c8 c1-c9 c1-ca c1-4x c1-4y c1-4z">...</button>
|
1 | |
<button data-ux="Block" class="x-el x-el-button c1-1 c1-2 c1-38 c1-b c1-c c1-d c1-e c1-f c1-g">...</button>
|
1 | |
<button data-ux="Block" class="x-el x-el-button c1-1 c1-2 c1-3u c1-2e c1-7s c1-1u c1-1v c1-1w c1-1x c1-7t c1-7u c1-7v c1-1t c1-7w c1-4s c1-7x c1-34 c1-2s c1-35 c1-2t c1-1a c1-b c1-c c1-d c1-e c1-f c1-g">...</button>
|
1 | |
<button data-ux="CarouselButtonNext" data-aid="GALLERY_SCROLL_RIGHT_ARROW" class="x-el x-el-button c1-1 c1-2 c1-7x c1-1u c1-1v c1-1w c1-1x c1-81 c1-82 c1-2t c1-2s c1-7w c1-7a c1-83 c1-3z c1-4s c1-84 c1-2e c1-7s c1-85 c1-86 c1-b c1-87 c1-88 c1-42 c1-89 c1-8a c1-8b c1-8c c1-43 c1-44 c1-45">...</button>
|
1 | |
<button data-ux="CarouselButtonPrevious" data-aid="GALLERY_SCROLL_LEFT_ARROW" class="x-el x-el-button c1-1 c1-2 c1-2g c1-1u c1-1v c1-1w c1-1x c1-81 c1-82 c1-2t c1-2s c1-7w c1-7a c1-83 c1-3z c1-4s c1-84 c1-2e c1-7s c1-85 c1-86 c1-b c1-87 c1-88 c1-42 c1-89 c1-8a c1-8b c1-8c c1-43 c1-44 c1-45">...</button>
|
1 | |
<button data-ux="CarouselButtonNext" data-aid="GALLERY_SCROLL_RIGHT_ARROW" class="x-el x-el-button c1-1 c1-2 c1-by c1-2q c1-2r c1-2s c1-2t c1-7w c1-7x c1-3q c1-3p c1-bx c1-95 c1-73 c1-4s c1-5p c1-c2 c1-3a c1-94 c1-c3 c1-c4 c1-b c1-c5 c1-c6 c1-4w c1-c7 c1-c8 c1-c9 c1-ca c1-4x c1-4y c1-4z">...</button>
|
1 | |
<button data-ux="Block" class="x-el x-el-button c1-1 c1-2 c1-2c c1-b c1-c c1-d c1-e c1-f c1-g">...</button>
|
1 | |
<button data-ux="Block" class="x-el x-el-button c1-1 c1-2 c1-4r c1-3a c1-94 c1-2q c1-2r c1-2s c1-2t c1-bu c1-bv c1-bw c1-2p c1-bx c1-5p c1-by c1-41 c1-3p c1-42 c1-3q c1-27 c1-b c1-c c1-d c1-e c1-f c1-g">...</button>
|
1 |
