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.

This 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% done

How close this website is to fixing this issue.

HTML Found on page Issues
<input type="text" class="form-control input--lg js-connect--zip" name="connect--zip" maxlength="5" pattern="\d{5,5}(-\d{4,4})?" placeholder="Zip Code (optional)"> 125
<input type="text" class="form-control states-cities-list-filter" placeholder="Filter Your Results"> 38
<input type="email" id="signInEmailAddress" name="j_username" class="form-control js-signin-email-address orly-signin-signin-email-input" aria-required="true" aria-labelledby="Sign-In Email Address" autocomplete="off" placeholder="Enter email" value> 4
<input type="password" id="signInPassword" name="j_password" class="form-control js-signin-email-password orly-signin-signin-password-input" autocomplete="off" aria-required="true" aria-labelledby="Sign-In Password" placeholder="Password"> 4
<input id="email-address" type="email" class="form-control input--lg js-email-address" name="email-address" size="50" maxlength="50" aria-required="true"> 1
<input class="rebate-search__input form-control js-rebate-search__input" type="text" placeholder="Search Rebates"> 1
<input type="text" pattern="[0-9]*" min="1" class="qty-input js-qty form-control js-gc-quantity" name="gc-quantity" value="1" maxlength="3" autocomplete="off" autocorrect="off"> 1
<input type="text" id="createAccountFirstName" data-qa="createaccount-first-name-input" class="form-control orly-createaccount-first-name-input js-createaccount-first-name-input" name="customer.firstName" aria-required="true" maxlength="120" autocorrect="off" autocomplete="off" value> 1
<input type="password" id="createAccountPassword" data-qa="createaccount-password-input" class="form-control js-reg-pw orly-createaccount-password-input" name="password" aria-required="true" autocomplete="off" maxlength="20" value> 1
<input type="text" id="createAccountEmailAddress" data-qa="createaccount-email-input" class="form-control js-reg-email orly-createaccount-email-input js-createaccount-email-input" name="customer.emailAddress" aria-required="true" maxlength="255" autocomplete="off" value> 1
183 distinct issues were found in the sample of 125 web pages. Only the first 10 issues are shown here.
More results from O'Reilly Automotive