Form Elements

Input-Aadhaar

Input-Aadhaar field allow users to securely enter, format and validate their 12-digit unique identification number. They support user interaction by enabling standardized data entry in identity verification, government applications and secure onboarding workflows, ensuring a smooth and compliant user experience.

Examples

Label
xxxx xxxx xxxx
Description

AccessibilityWCAG 2.1 Level AA Compliant

Features4 checks

  • Clear label and instructions
  • Error messages
  • Monospace font for readability
  • Auto-formatting

When to use this component

Do's

  • Collecting 12-digit Aadhaar numbers
  • Identity verification flows
  • eKYC authentication forms
  • Government service applications requiring Aadhaar

Don'ts

  • General numeric input: Use the standard Input component.
  • Incomplete Aadhaar numbers (less than 12 digits).
  • Non-numeric characters in the input.
  • Visible Aadhaar numbers without masking.
  • Missing labels or relying only on placeholders.
  • Incorrect digit grouping or formatting.
  • Error messages that do not explain the validation issue.

Do's and Don'ts

✓ Do's

Group digits in 4-4-4 format, reduces entry errors by 35%.

✗ Don'ts

Don't use a single unformatted text field, it's error-prone without visual grouping.

UX4G Accessibility Tool
Dictionary
UX4G Accessibility Tool
Dictionary