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.
0.8% 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 type="email" class="form-control" id="modal_contact_email" name="contact_email" placeholder="name@email.com" required>
|
123 | |
<input autofocus type="text" class="form-control" id="modal_contact_name" name="contact_name" required>
|
123 | |
<input type="text" id="registration_form_lastName" name="registration_form[lastName]" required="required" class="formItem-element form-control input-lg" tabindex="2" maxlength="50" minlength="2" pattern="^[a-zA-Z][a-zA-Z -]*$">
|
1 | |
<input type="email" id="registration_form_email" name="registration_form[email]" required="required" class="formItem-element form-control input-lg" data-toggle="tooltip" data-placement="right" data-trigger="focus" data-title="This will be your account user name and will also allow us to contact you" tabindex="3" data-original-title title>
|
1 | |
<input type="password" id="registration_form_password" name="registration_form[password]" required="required" class="formItem-element form-control input-lg" data-toggle="tooltip" data-placement="right" data-trigger="focus" data-title="<ul class="text-left">
|
1 | |
<input type="password" id="sign_in_form_password" name="sign_in_form[password]" required="required" class="formItem-element form-control input-lg" autocomplete="off">
|
1 | |
<input type="text" id="registration_form_firstName" name="registration_form[firstName]" required="required" class="formItem-element form-control input-lg" autofocus="1" tabindex="1" maxlength="50" minlength="2" pattern="^[a-zA-Z][a-zA-Z -]*$">
|
1 | |
<input type="email" id="sign_in_form_email" name="sign_in_form[email]" required="required" class="formItem-element form-control input-lg" autofocus>
|
1 | |
<input type="tel" class="form-control" id="contact_tel" name="contact_tel" required>
|
1 | |
<input autofocus type="text" class="form-control" id="contact_name" name="contact_name" required>
|
1 |
256
distinct issues were
found in the sample of 125 web pages.
Only the first 10 issues are shown here.