How to fix: missing autocomplete attributes

What it looks like in the wild

Browsers cannot autofill names, addresses, or payment fields.

The screen-reader user, keyboard user, or low-vision user encountering this issue does not get an error message. The page just stops working for them. Which is why this kind of bug rarely shows up in your error tracker; it shows up in support tickets, lawsuits, and abandoned conversions.

Why it fails WCAG

Helps users with cognitive and motor disabilities; also speeds up forms.

The wrong pattern (avoid)

<input id="ln" type="text">

The right pattern (copy this)

<input id="ln" type="text" autocomplete="family-name">

Notes from real audits

• Full token list: name, given-name, family-name, email, tel, username, current-password, new-password, street-address, address-level1, address-level2, postal-code, country.

• autocomplete="off" disables autofill — use it only for security-sensitive fields like one-time codes, not for names or addresses.

• Password managers use these tokens to identify fields correctly across browsers and operating systems.