Clearly explain the input you need

• Programmatic Identification: Ensure that the purpose of each input field can be programmatically determined using appropriate HTML elements or attributes.

• Field Types and Labels: Use clear labels and input types that specify what information is expected and enable features like autocomplete when appropriate.

• Good: A form with input fields for “First Name,” “Last Name,” “Email Address,” and “Phone Number,” where each field is labeled clearly and uses appropriate input types (e.g., <input type="email"> for email addresses).

• Good: A billing address field that provides autocomplete suggestions based on the user’s saved addresses but allows the entry of a different address if needed.

• Bad: A form with unlabeled input fields or generic labels like “Field 1” or “Field 2,” making it unclear what information should be entered.

‍

• Custom Input Types: In cases where custom input fields are used, ensure that their purpose is still clearly communicated through labels and supplementary instructions, even if they don’t follow standard input types.

‍

• Use descriptive labels that clearly indicate the type of information being requested.

• Implement HTML input types and attributes (e.g., type="email", type="tel", autocomplete) to enhance form usability and provide clear instructions.

• Consider including placeholder text and instructional hints to guide users on what information is expected.

‍

1. Label Check: Verify that all input fields have clear and descriptive labels that indicate their purpose.

2. Input Type Verification: Ensure that HTML input types and attributes are used correctly to specify the expected format and enable features like autocomplete.

3. User Testing: Test with users, including those with cognitive disabilities, to ensure they understand what information is required and can use the form effectively.

‍