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.



90.8% done

How close this website is to fixing this issue.

HTML Found on page Issues
<input type="text" class="form-control" id="diceInputLastName" name="diceInputLastName" required maxlength="40" data-parsley-required-message="Last name is required."> 1
<input type="password" class="form-control" id="diceInputPassword" name="diceInputPassword" placeholder="Password" required data-parsley-required-message="Password is required."> 1
<input type="text" class="form-control" id="diceInputFirstName" name="diceInputFirstName" required maxlength="40" data-parsley-required-message="First name is required."> 1
<input type="email" class="form-control" id="diceInputConfirmEmail" name="diceInputConfirmEmail" required maxlength="128" data-parsley-equalto="#diceInputRegisterEmail" onpaste="return false" ondrop="return false;" data-parsley-equalto-message="Please confirm your email address." data-parsley-required-message="Please confirm your email address."> 1
<input type="password" class="form-control" id="diceInputConfirmPassword" name="diceInputConfirmPassword" required maxlength="16" data-parsley-equalto=".c-register-form #diceInputPassword" data-parsley-required-message="Password confirmation is required." data-parsley-equalto-message="Password and confirmation do not match."> 1
<input type="email" class="form-control" id="diceInputRegisterEmail" name="diceInputRegisterEmail" required maxlength="128" data-parsley-required-message="Email is required." data-parsley-type-message="Please enter a valid email (eg: user@domain.com)."> 1
<input type="text" id="diceInputBirthDate" name="diceInputBirthDate" class style="position: absolute; left: -9999px; left: -200vw;" value="--" data-parsley-trigger="input" data-parsley-age="18" data-parsley-validdate> 1
<input type="email" class="form-control" id="diceInputEmail" name="diceInputEmail" placeholder="Email" required data-parsley-required-message="Email is required."> 1
<input type="password" class="form-control" id="diceInputPassword" name="diceInputPassword" required maxlength="16" data-parsley-required-message="Password is required."> 1
<input type="text" class="form-control" id="diceInputaddressLine1" name="diceInputaddressLine1" required data-parsley-required-message="Address line 1 is required."> 1
11 distinct issues were found in the sample of 125 web pages. Only the first 10 issues are shown here.
More results from Northampton Town FC