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.
88% 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 required="required" placeholder="First name" type="text" id="edit-submitted-your-contact-details-first-name" name="submitted[your_contact_details][first_name]" value size="60" maxlength="128" class="form-text required">
|
2 | |
<input required="required" placeholder="House number and street name" type="text" id="edit-submitted-your-contact-details-house-number-and-street-name" name="submitted[your_contact_details][house_number_and_street_name]" value size="60" maxlength="128" class="form-text required">
|
2 | |
<input placeholder="Last name" type="text" id="edit-submitted-your-contact-details-last-name" name="submitted[your_contact_details][last_name]" value size="60" maxlength="128" class="form-text">
|
1 | |
<input required="required" placeholder="Postcode" type="text" id="edit-submitted-your-contact-details-postcode" name="submitted[your_contact_details][postcode]" value size="60" maxlength="128" class="form-text required">
|
1 | |
<input placeholder="Town or village" type="text" id="edit-submitted-your-contact-details-town-or-village" name="submitted[your_contact_details][town_or_village]" value size="60" maxlength="128" class="form-text">
|
1 | |
<input required="required" placeholder="Phone number" type="text" id="edit-submitted-your-contact-details-phone-number" name="submitted[your_contact_details][phone_number]" value size="60" maxlength="128" class="form-text required">
|
1 | |
<input required="required" class="email form-text form-email required" placeholder="Email address" type="email" id="edit-submitted-your-contact-details-email-address" name="submitted[your_contact_details][email_address]" size="60">
|
1 | |
<input required="required" placeholder="Town or village" type="text" id="edit-submitted-your-contact-details-town-or-village" name="submitted[your_contact_details][town_or_village]" value size="60" maxlength="128" class="form-text required">
|
1 | |
<input required="required" placeholder="Location address" type="text" id="edit-submitted-nuisance-information-location-address" name="submitted[nuisance_information][location_address]" value size="60" maxlength="128" class="form-text required">
|
1 | |
<input placeholder="Phone number" type="text" id="edit-submitted-your-contact-details-phone-number" name="submitted[your_contact_details][phone_number]" value size="60" maxlength="128" class="form-text">
|
1 |
14
distinct issues were
found in the sample of 125 web pages.
Only the first 10 issues are shown here.