Succescriterium 3.3.2 - Niveau A
Labels of instructies
Zorg dat je duidelijke instructies geeft wanneer je gebruikers vraagt om gegevens in te vullen. Voeg een label toe aan invoervelden, bijvoorbeeld ‘Voornaam’. Geef aan of velden verplicht of optioneel zijn. Geef het format aan waarin gebruikers gegevens moeten invullen, bijvoorbeeld bij datums en telefoonnummers. Duidelijke instructies helpen alle gebruikers en met name gebruikers met een cognitieve beperking.
Impact
Duidelijke instructies maken het invullen van gegevens voor iedereen gebruiksvriendelijker.
Duidelijke instructies zijn onmsibaar voor mensen met cognitieve-, taal- en leerbeperkingen.
Controleren
“Is het bij een formulier duidelijk welke gegevens verwacht worden en welke velden verplicht zijn?“
Dit kan getest worden zonder hulpmiddelen.
Oplossing
Gebruik invoer labels
On Android, you can link labels to controls by using the labelFor attribute. We recommend using a TextView to show labels for input fields.
You can also use TextInputLayout, which allows you to create an input field with a label. The hint property at the TextInputLayout level is used as visual label. The hintEnabled and expandedHintEnabled properties must be set to true to always show the label.
<TextView android:text="Name" android:labelFor="@+id/field"/>
<EditText id="@+id/field" hint="Enter your name"/>
<com.google.android.material.textfield.TextInputLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:hintEnabled="true"
app:expandedHintEnabled="true"
android:hint="Name">
<com.google.android.material.textfield.TextInputEditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="Enter your name"/>
</com.google.android.material.textfield.TextInputLayout>Geef invoer instructies
On Android, you can use a TextView to show instructions.
You can also use a TextInputLayout, which contains a setHelperText method to provide instructions. To show instructions, you need to set setHelperTextEnabled to true.
input.setHelperTextEnabled(true)
input.setHelperText("Your password should be at least 8 characters.")