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.
90.4% done
How close this website is to fixing this issue.
HTML | Found on page | Issues |
---|---|---|
<select title="Pick a sort order for results" id="SortbySel" onchange="$getClientControl(this).sortOrRank(this.value);">...</select>
|
5 | |
<input title="Select All" id="chkSelectAllOption" class="DataPageSelectAllCheckbox" type="checkbox" value="Select All" onchange="javascript:selectAllDataPage(event,this);">
|
2 | |
<select id="regions">...</select>
|
2 | |
<input id="ctl00_ctl43_g_87a91fce_e0ce_45d8_a7a4_3f42f9c95883_dataListView_ctrl3_chkDownloadSelection" type="checkbox" name="ctl00$ctl43$g_87a91fce_e0ce_45d8_a7a4_3f42f9c95883$dataListView$ctrl3$chkDownloadSelection">
|
1 | |
<input id="ctl00_ctl39_g_fb7f6ee4_598a_4534_b172_49bfa35c1f41_dataListView_ctrl14_chkDownloadSelection" type="checkbox" name="ctl00$ctl39$g_fb7f6ee4_598a_4534_b172_49bfa35c1f41$dataListView$ctrl14$chkDownloadSelection">
|
1 | |
<input id="ctl00_ctl43_g_87a91fce_e0ce_45d8_a7a4_3f42f9c95883_dataListView_ctrl6_chkDownloadSelection" type="checkbox" name="ctl00$ctl43$g_87a91fce_e0ce_45d8_a7a4_3f42f9c95883$dataListView$ctrl6$chkDownloadSelection">
|
1 | |
<input id="ctl00_ctl43_g_94491d3c_a8f9_4e84_bc87_3fb58bfa7c5e_dataListView_ctrl12_chkDownloadSelection" type="checkbox" name="ctl00$ctl43$g_94491d3c_a8f9_4e84_bc87_3fb58bfa7c5e$dataListView$ctrl12$chkDownloadSelection">
|
1 | |
<input id="ctl00_ctl39_g_fabb1f66_71b0_4f37_939b_9991325273cb_dataListView_ctrl3_chkDownloadSelection" type="checkbox" name="ctl00$ctl39$g_fabb1f66_71b0_4f37_939b_9991325273cb$dataListView$ctrl3$chkDownloadSelection">
|
1 | |
<input id="ctl00_ctl39_g_fb7f6ee4_598a_4534_b172_49bfa35c1f41_dataListView_ctrl8_chkDownloadSelection" type="checkbox" name="ctl00$ctl39$g_fb7f6ee4_598a_4534_b172_49bfa35c1f41$dataListView$ctrl8$chkDownloadSelection">
|
1 | |
<input id="ctl00_ctl43_g_94491d3c_a8f9_4e84_bc87_3fb58bfa7c5e_dataListView_ctrl1_chkDownloadSelection" type="checkbox" name="ctl00$ctl43$g_94491d3c_a8f9_4e84_bc87_3fb58bfa7c5e$dataListView$ctrl1$chkDownloadSelection">
|
1 |