Redigerbare visningsetiketter

Brukerne kan skrive inn tekst for redigerbare elementer i apper. Hvert redigerbare element bør ha en beskrivende etikett som forklarer hensikten med elementet.

Med Android får utviklere flere metoder for å navngi visninger (Views) i brukergrensesnittet i appene. Ved bruk av enkelte merkemetoder kan tilgjengeligheten for redigerbare elementer i et grensesnitt forbedres.

Implementering

For å merke en redigerbar tekstvisning (TextView) eller redigeringstekst (EditText), bruker du android:hint for å vise en beskrivende tekstetikett i elementet når det er tomt.

<EditText
    android:id="@+id/email_subject"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:hint="@string/email_subject_hint" />

Hvis appens brukergrensesnitt allerede har en tekstetikett for det redigerbare elementet, må du angi android:labelFor i etikettvisningen (View) for å indikere hvilket element etiketten beskriver.

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">
    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="@string/email_subject_label"
        android:labelFor="@id/email_subject" />
    <EditText
        android:id="@+id/email_subject"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
</LinearLayout>

Tips: Med TextInputLayout i Android Design Support Library får du en enkel metode for å administrere EditText og tilhørende tekstetiketter. Dette fungerer også godt med Android-tilgjengelighetstjenester.

Angivelse av en innholdsbeskrivelse (android:contentDescription) i EditText eller redigerbare tekstvisninger (TextView) kan påvirke tilgjengelighetstjenestenes evne til å beskrive, navigere og samhandle med tekst som en bruker skriver inn i elementet.

Design

Når brukere navigerer til redigerbare elementer med en skjermleser, har et godt implementert brukergrensesnitt disse elementene:

• Hvis det redigerbare feltet er tomt, har det en beskrivende etikett som skjermleseren leser høyt.
• Hvis en bruker har skrevet inn tekst i det redigerbare feltet, leser skjermleseren opp teksten i tillegg til den beskrivende etiketten.

Når en bruker navigerer med et lavere detaljnivå, for eksempel tegn etter tegn, leser skjermleseren opp den angitte teksten, eller hintet når det er tomt.

Testing

Slik sjekker du manuelt om apper inneholder riktig merkede redigerbare elementer:

1. Slå på TalkBack.
2. I appen flytter du tilgjengelighetsfokuset til det tomme redigerbare elementet.
   • Sjekk om TalkBack-beskrivelsen for det tomme redigerbare elementet inneholder en etikett, og om den beskrivende etiketten samsvarer med eventuelle visuelle etiketter i appen.
3. Skriv inn tekst i det redigerbare elementet.
4. Flytt tilgjengelighetsfokuset til det redigerbare elementet.
   • Lytt til TalkBack-beskrivelsen av det redigerbare elementet for å sjekke at beskrivelsen inkluderer teksten du skrev inn.

Med Androids automatiserte testeverktøy kan du oppdage innholdsbeskrivelser (contentDescription) som ikke er tomme for redigerbare elementer. Vurder å bruke tilgjengelighetsskanneren for Android for manuell testing av appen din på en enhet. Hvis du vil utføre automatisk testing, slår du på tilgjengelighetssjekking i Espresso og Robolectric.