Setting an Input Purpose of a Question

Modern web browsers provide a way to autofill values into form questions. In order to instruct the browser on the appropriate value to autofill the question with an input purpose has to be set on the question. Setting the purpose of a form input (question) is a WCAG 2.1 AA requirement.

The input purpose can be set on Text field, Date, Textarea and Dropdown component types. The Location component and Address lookup integrated components will set the Postcode fields input purpose to Postcode/ZIP Code automatically.

Internal Forms

Autofill values are only applied to web and embedded forms. Internal forms used by Customer Service Advisors will not autocomplete the questions.


Shared devices security considerations

Shared devices such as those used in public spaces e.g. Libraries and Contact Centres should have autocomplete disabled in the browser settings to ensure that user details are not stored in the browser. You should ensure any shared device is configured correctly to not leak user information.

To set the input purpose:

  1. Open a page template.

  2. Add a new question to the page or click on an existing question to open up the settings panel.

  3. Toggle on the Input Purpose setting.

  4. Choose the appropriate input purpose for the question from the listed purposes.

  5. Click Add Question or Update Question if editing an existing question.

Input Purposes

The options you can choose from come form the WCAG 2.1 specification.

Name Description
Full name Full name
Prefix or title Prefix or title (e.g. Mr, Ms, Dr)
Given name The given (or "first") name
Additional names The middle name.
Family name The family (or "last") name.
Suffix Suffix (e.g. Jr, B.Sc.)
Nickname A nickname or handle.
Job title A job title, or the title a person has within an organisation
Username A username or account name.
Organisation A company or organisation name
Street Address A street address. This can be multiple lines of text, and should fully identify the location of the address within its second administrative level (typically a city or town), but should not include the city name, ZIP or postal code, or country name.
Street address - Line 1 Each individual line of the street address.
Street address - Line 2 Each individual line of the street address.
Street address - Line 3 Each individual line of the street address.
Address - Level 4 The most fine-grained administrative level, in addresses with four administrative levels
Address - Level 3 The third administrative level, in addresses with three or more administrative levels
Address - Level 2 The second administrative level, in addresses with at least two of them. In countries with two administrative levels, this would typically be the city, town, village, or other locality in which the address is located.
Address - Level 1 The first administrative level in the address. This is typically the province in which the address is located. In the United States, this would be the state. In Switzerland, the canton. In the United Kingdom, the post town.
Country code A country or territory code.
Country name A country or territory name.
Postal/ZIP code A postal code (in the United States, this is the ZIP code).
Transaction currency The currency in which the transaction is to take place.
Transaction amount The amount, given in the currency specified by "transaction-currency", of the transaction, for a payment form.
Language code A preferred language, given as a valid BCP 47 language tag
Birthday A birth date, as a full date.
Day of birth date The day of the month of a birth date.
Month of birth date The month of the year of a birth date.
Year of birth date The year of a birth date.
Gender identity A gender identity
URL Home page or other Web page corresponding to the company, person, address, or contact information in the other fields associated with this field
Telephone number A full telephone number, including the country code.
Telephone - Country Code Country code component of the telephone number
Telephone - Without Country Code Telephone number without the county code component, with a country-internal prefix applied if applicable
Telephone - Area Code Area code component of the telephone number, with a country-internal prefix applied if applicable
Telephone - Without Country or Area Code Telephone number without the country code and area code components
Telephone - Local Prefix Exchange number within the telephone number without the country and area code components
Telephone - Local Suffix Number within the exchange within the telephone number without the country and area code components
Telephone - Extension Code A telephone extension code within the phone number
Email Address An email address.
Instant messaging address URL representing an instant messaging protocol endpoint
Related Reading
WCAG 2.1: Identify Input Purpose
WCAG 2.1: Input Purposes for User Interface Components
HTML Specification: Autofilling form controls: the autocomplete attribute
Enabling autofill in different browsers

results matching ""

    No results matching ""