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 de invoervelden, bijvoorbeeld ‘Voornaam’. Markeer velden wanneer ze verplicht of optioneel zijn. Geef aan indien gegevens volgens een vastgestelde volgorde moeten worden ingevuld. Alle gebruikers hebben voordeel van duidelijke instructies. Voor mensen met een cognitieve beperking zijn duidelijke instructies onmisbaar.
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.")