Accessible input field labels

Add the following to provide a visible, persistent, and accessible label for your input field:

• android:labelFor (in TextView): Associates the label with the corresponding EditText.
• android:hint (in EditText): Provides placeholder text that describes the expected input. Do not use this as a replacement for the label.

Add the following to provide a visible, persistent, and accessible label for your input field:

• UILabel: Use a UILabel to create a visible, persistent text label for the field.
• accessibilityLabel (in UITextField): Set a descriptive label for screen readers. You can often set this to the same text as your UILabel.
• placeholder (in UITextField): Provide placeholder text that suggests the expected input. Do not use this as a replacement for the visible label.

Add the following properties to the input field’s TextFormField widget to provide a visible, persistent, and accessible label for your input field:

• labelText: Provides a text label that describes the purpose of the field.
• floatingLabelBehavior: FloatingLabelBehavior.always: Ensures the label remains visible even when the user interacts with the input field.
• hintText: Provides placeholder text that describes the expected input.

In React Native, there is no built-in attribute to link a label directly to an input field. To ensure accessibility and usability, combine a Text component with the input field’s TextInput component, and add the following properties:

• Text: Provides a visible, persistent label for the input field.
• accessibilityLabel (in TextInput): Sets a descriptive label for screen readers.
• placeholder (in TextInput): Provides placeholder text that suggests the expected input. Do not use this as a replacement for the label.