Introduction to the text input control
Text input controls are used whenever a user is needed to type some text in an app. Like if you have a gallery of records, and if you want to provide search capabilities, you will use one to allow users to enter the search text. To learn about its properties, click here.
Screen reader
- Use the AccessibleLabel property to clearly indicate the text input control's purpose.
- Do not use the Hint Text property for accessibility reasons as different screen readers make use of it differently.
- Use a live label to announce the number of characters remaining if a text input control has character limits.
Keyboard tabbing
- Set the Tabindex property to 0
- Set the FocusBorderThickness to a number greater than 0
Color/contrast
- Set the FocusBorderColor with a contrast ratio of 3:1 with the background color.
- Set the Color property with a minimum luminosity contrast ratio of 4.5:1 with the background color. There are several tools available to analyze contrast ratios. Click here for one such tool.