Identify input purpose missing

Link to Identify input purpose missing copied to clipboard

id-input-purpose-missing

Rule

The purpose for each common input field that collects an individual's personal data MUST be programmatically defined based on the list of 53 Input Purposes for User Interface Components.

Background

Accurately entering information into form fields can be difficult for people with disabilities - especially people with cognitive disabilities and people with motor disabilities. When the purpose of a text field that is collecting data about the user is programmatically identified using the HTML autocomplete attribute, user agents (browsers and assistive technologies) can use that information to automatically suggest or fill in information that is specific to the user. In addition, user agents can use this programmatic information to personalize the interface by replacing or augmenting form labels with words from a defined vocabulary or even graphical symbols. This makes filling out forms easier and less prone to mistakes, especially for people who may have trouble accurately remembering, reading, or typing information.

How to Fix

Fix this issue by using the autocomplete attribute with the appropriate value from HTML5.2 on the text input element. The list of 53 defined input purposes for UI components can be found here - https://www.w3.org/TR/WCAG22/#input-purposes.

<label for="fname">First Name</label>

<input type="text" id="fname" autocomplete="given-name">