Get started

Get the tools and building blocks to design and develop consistent and accessible experiences.

Start developing Start designing

Account number

How to ask users for an account or file number.

Guidance

When asking users for an account or file number, always be specific to reduce confusion and ensure users know exactly what is required. For example, instead of "File number", say "Office of Support Enforcement (OSE) file number".

For some things, it might help to tell users where to find the number.

Do

  • Use clear and specific labels.
  • Tell the user how long the number is, and if it starts with any unique characters.
  • Use input masking for strict formats (numbers that have a fixed format with dashes) to guide users

Don’t

  • Use general labels like "Account number".
  • Use placeholder text.

Account number

Your New Brunswick account business number is 15 digits long.

HTML

<label for="account-number">New Brunswick Account Business Number</label>
<div class="gnb-form-helper-text">
	Your New Brunswick account business number is 15 digits long.
</div>
<input type="text" name="account-number" id="account-number" class="gnb-field-md" value="" />