Build your web apps using Smart UI
Smart.MaskedTextBox - Accessibility
Accesibility Attributes
Web accessibility makes web content and web applications more accessible to disabled people. It's especially helpful in dynamic content changes and development of advanced user interface components with HTML, Javascript and related technologies. Smart HTML elements framework offers full accessibility support for it's web components.
The purpose of the ARIA attributes is to help disabled people by providing the information specific to the component to assistive technology in the screen readers.
The MaskedTextBox component contains an input with advanced validations allowing the user to restrict the text that is being entered. As such it has a "presentation" role and leaves the Input element to it's default role as a "textbox".
The following ARIA attributes are used in the MaskedTextBox:
- aria-disabled - indicates that interaction with the MaskedTextBox is disabled.
- aria-labelledby - indicates that the input inside the MaskedTextBox is labelled by another element, referencing it using it's id.
- aria-describedby - indicates that the input inside the MaskedTextBox is described by another element, referencing it using it's id.
Keyboard Interaction
The following keyboard shortcuts are available to interact with the MaskedTextBox:
Key | Action |
---|---|
Control + Key A | Selects the text inside the input. |
Control + Key C | Copies the text insinde the input by ignoring the mask. |
Control + Key V | Pastes the clipboard's content to the input and validates it according to the mask. |
Control + Key X | Cuts the text inside the input to the clipboard by ignoring the mask . |
Additional information on WAI-ARIA for the SMART Framework can be found here.