Use valid autocomplete attributes for input fields
Accessibility isn’t only about avoiding violations — it’s about ensuring your product can be used confidently by everyone. This guide explains the principle of this rule, shows what goes wrong in real-world code, and provides a verified fix that meets WCAG and the European Accessibility Act (EAA).
Why this matters and how to fix it
Why this matters
Proper autocomplete values help browsers and assistive technologies identify input purposes (like name, email, or address). Invalid or missing values reduce accessibility and convenience.
How to fix this issue
Use valid `autocomplete` values defined in the HTML specification (like `email`, `name`, `postal-code`).
Developer guidance
Autocomplete attributes not only improve accessibility but also enhance UX with autofill. Validate against the WHATWG list of recognized tokens.
Code examples
Incorrect Implementation
<input type='text' autocomplete='mail'>Correct Implementation
<input type='email' autocomplete='email'>
Trusted by organizations across Europe working toward WCAG and EAA conformance