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.")