Text Field Label in Name
This page is not available in the language you requested. You have been redirected to the English version of the page.
Link to this page copied to clipboard
Not for use with personal data
Checks each TextFields label to ensure it's equal to, or part of, the name of the view.
Supported within:
Impact
Issues detected by this rule can contribute to a confusing or conflicting experience between the announcement from TalkBack and the content on the screen.
Confirmation
- Turn on TalkBack
- Attempt to focus the control
- One of the following will happen:
- Inaccessible: Text announced by TalkBack is different from the displayed widgets name.
- Accessible: Text announced by TalkBack is the same or includes the displayed widgets name.
How to Fix
Ensure TextFields name is included or equal to its label.
@Composable
fun ZipCodeInput() {
OutlinedTextField(
modifier = Modifier.semantics {
this.contentDescription = “Enter your Zip Code”
},
label = “Zip Code”
)
}