Social Insurance Numbers
Help users provide social insurance numbers.
When to use this pattern
Follow this pattern whenever you need to ask for social insurance numbers.
Only ask for social insurance numbers securely within your service. For example, do not ask users to send their social insurance numbers by email.
Consider if you can re-use social insurance numbers from data we already have (for example from an API call with the Department of Social Insurance Services).
How it works
Use a single whole number numeric input pattern.
Example
HTML code
<form action="" class="govcy-form" novalidate="">
<div class="govcy-form-control">
<h1><label class="govcy-label govcy-label-primary" for="sin-in">What is your social insurance number?</label></h1>
<input id="sin-in" type="text" class="govcy-text-input govcy-text-input-char_10" spellcheck="false" pattern="[0-9]*" inputmode="numeric" >
</div>
</form>
When asking users for their social insurance number, you must make it clear why you’re asking.
Help users to enter a valid Social insurance number by:
- checking they have entered the correct format. The social insurance number can be only numbers. Use the error messages and error summary components to display any validation messages
- allowing users to paste the email address
- setting the
type="text"
,pattern="[0-9]*"
andinputmode="numeric"
so that devices display the correct keyboard - setting the
spellcheck
attribute tofalse
so that browsers do not spellcheck the email address - use the 10 characters fix width text input variant.
Pattern text
Write the label in full and never use abbreviations such as ‘SINO’ or ‘SI Number’.
Use the following text:
- In English:
Social insurance number
- In Greek:
Αριθμός κοινωνικών ασφαλίσεων
Error messages
Make sure to follow the instructions for error messages and error summary when validating user input and to use the text input error variant style.