Accessibility · Library v2.7.0

Masked Input Accessibility Overview

Masked Input uses a native text field with fixed-format validation and normal keyboard focus order.

Keyboard interaction

Masked Input keyboard behavior
KeyAction
Tab / Shift+TabMove into and out of the input.
Backspace / DeleteRemove editable characters across mask literals.
Text selection and pasteReplace a selected range or paste raw/formatted text.

In your application

  • Provide a label and a visible mask example linked through ariaDescribedBy.
  • Explain whether the model includes literals and validate domain-specific rules.
  • Make incomplete and invalid values understandable with application-owned error messages.

Keep focus indicators visible, check contrast with your theme, and test at browser zoom. Try the component examples using only a keyboard.

Current limitations

  • ASCII slots only; no dynamic masks or country detection.
  • IME input is validated after composition; non-ASCII text is rejected.

This reference is based on the shipped source. It is not a WCAG conformance certificate or a claim that every browser and screen reader combination has been tested.

See the W3C ARIA Authoring Practices Guide for guidance on custom controls.

This project is not affiliated with ng-bootstrap or ngx-bootstrap. Those projects focus mainly on Bootstrap components for Angular. ngbootstrap focuses on Angular UI for data-heavy apps, especially Data Grid, Angular-native Form Builder, drag and drop workflows, documentation examples, and performance-focused Angular patterns.