What does this mean?
To comply with WCAG 2.1, fields must identify what their purpose is programmatically. If done correctly, this allows browsers to help users fill in forms with known information, such as their name and email address.
More helpThis is accomplished via the autocomplete
attribute, which should be set to a
supported value wherever
appropriate, e.g.
<label for="name">First Name</label>
<input id="name" type="text" autocomplete="given-name">
For fields where autocomplete is not appropriate, e.g. due to security, or the field not matching the specification, the specific field should be ignored.
See how to use HTML 5.2 attributes for more information.
41.6% done
How close this website is to fixing this issue.
This issue is quite technical.
To understand what is going on, you may need some familiarity with
HTML,
the language used to create web pages. Ask a web developer if you need help.
HTML | Found on page | Issues |
---|---|---|
<input class="form-control" id="Name" name="Name" type="text" value>
|
10 | |
<input class="form-control" id="Email" name="Email" type="text" value>
|
10 | |
<input class="form-control required" id="Firstname" name="Firstname" type="text" value aria-required="true">
|
5 | |
<input class="form-control required" id="Lastname" name="Lastname" type="text" value aria-required="true">
|
5 | |
<input class="form-control" id="Telephone" name="Telephone" type="text" value>
|
5 | |
<input class="form-control required email" id="Email" name="Email" type="text" value aria-required="true">
|
5 | |
<input class="form-control required" id="CustomerPostCode" name="CustomerPostCode" type="text" value aria-required="true">
|
4 | |
<input aria-label="Address Line 3" class="form-control" id="CustomerAddress3" name="CustomerAddress3" type="text" value>
|
4 | |
<input aria-label="Address Line 2" class="form-control required" id="CustomerAddress2" name="CustomerAddress2" type="text" value aria-required="true">
|
4 | |
<input class="form-control required" id="CustomerAddress1" name="CustomerAddress1" type="text" value aria-required="true">
|
4 |
81
distinct issues were
found in the sample of 125 web pages.
Only the first 10 issues are shown here.