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.
96.4% 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 data-val="true" data-val-maxlength="The field Mobile must be a string or array type with a maximum length of '20'." data-val-maxlength-max="20" data-val-multiplerequirediftrue="Please enter a valid phone number if you would like to receive Phone or SMS communications." data-val-multiplerequirediftrue-boolprop="CanContactBySms, CanContactByPhone" data-val-phone="The Mobile field is not a valid phone number." data-val-regex="You must enter a valid phone number." data-val-regex-pattern="^\+?(\d[\d-. ]+)?(\([\d-. ]+\))?[\d-. ]+\d$" id="Mobile" maxlength="20" name="Mobile" placeholder type="tel" value>
|
1 | |
<input data-val="true" data-val-casewarning data-val-maxlength="The field FirstName must be a string or array type with a maximum length of '30'." data-val-maxlength-max="30" data-val-required="The FirstName field is required." id="FirstName" maxlength="30" name="FirstName" placeholder type="text" value>
|
1 | |
<input data-val="true" data-val-casewarning data-val-maxlength="The field FamilyName must be a string or array type with a maximum length of '40'." data-val-maxlength-max="40" data-val-required="The FamilyName field is required." id="FamilyName" maxlength="40" name="FamilyName" placeholder type="text" value>
|
1 | |
<input data-val="true" data-val-email="You must enter a valid email address" data-val-maxlength="The field Email must be a string or array type with a maximum length of '40'." data-val-maxlength-max="40" data-val-required="The Email field is required." id="Email" maxlength="40" name="Email" placeholder type="email" value>
|
1 |
4
distinct issues were
found in the sample of 125 web pages.