Tryckområdets storlek

Alla element på skärmen som användaren kan klicka på, trycka på eller på annat sätt interagera med bör vara tillräckligt stora för tillförlitlig interaktion. Vi rekommenderar att sådana element har en bredd och höjd på minst 48 dp i enlighet med tillgänglighetsriktlinjerna för Material Design.

Implementering

Visa

Vid implementeringen av klick- eller tryckbara element i en layout rekommenderar vi att du använder mått som uppfyller eller överskrider den rekommenderade storleken på tryckområden.

Om storleken på tryckområdet anges dynamiskt eller ändras utifrån storleken på innehållet rekommenderar vi att du anger en nedre gräns för måtten med android:minWidth och android:minHeight.

Om du vill behålla den ursprungliga storleken på ett View-objekt medan det tryckbara området expanderar rekommenderar vi att du använder TouchDelegate, som gör att en överordnad layout kan hantera tryckhändelser för det underordnade View-objektet.

Tips! Tillgångstestaren kan bara identifiera och ta hänsyn till TouchDelegate när du kör Android 10 eller senare. I tidigare Android-versioner kan resultat för tryckområde visas även när detta API används för att utöka tryckområden till lämplig storlek.

Skriv

Vid implementeringen av klick- eller tryckbara element i ett kombinerbart element, bör du använda mått som uppfyller eller överstiger rekommenderad storlek för tryckområden.

Om storleken på tryckområdet anges dynamiskt eller ändras utifrån storleken på innehållet rekommenderar vi att du anger en nedre gräns för måtten med Modifier.sizeIn.

Om du vill behålla den ursprungliga storleken på ett kombinerbart element medan det tryckbara området expanderar kan du göra ett överordnat element klickbart eller använda Modifier.mergeDescendants, som gör att tillgänglighetstjänster fokuserar enbart på ett större överordnat kombinerbart element och skickar klickhändelser till det.

Design

Tryckområdet är området som reagerar på användarens inmatning. Tryckområdet sträcker sig utanför elementets synliga gränser. Ett element som en ikon kan se ut att vara 24 x 24 dp, men utfyllnaden runt det omfattar hela det 48 x 48 dp stora tryckområdet. I Jetpack Compose lägger Material-komponenter som Checkbox eller Switch automatiskt till utfyllnad för att säkerställa att de är minst 48 x 48 dp. I vissa fall, exempelvis vid mycket små knappar som är placerade nära varandra, går det inte att expandera element utan att tryckbara områden överlappar.

Vi rekommenderar att tryckområden är minst 48 x 48 dp med minst 8 dp utrymme mellan sig för balans mellan informationstäthet och användbarhet. Ett tryckområde på 48 x 48 dp ger en faktisk storlek på ca 9 mm oavsett skärmstorlek. Den rekommenderade storleken för tryckområden på pekskärmar är 7–10 mm.

Exempel finns i tillgänglighetsriktlinjerna för Material Design.

Testning

Så här verifierar du manuellt att användargränssnittet i en app inte innehåller små tryckområden:

  1. Öppna appen.
  2. Identifiera alla klick- och tryckbara element samt element du kan interagera med inom gränssnittet.
  3. Kontrollera att alla dessa element har en storlek på 48 x 48 dp eller ungefär 9 mm på båda ledderna.

Androids automatiska testverktyg kan identifiera små tryckområden. Vi rekommenderar att du använder tillgångstestaren för Android för att testa appen manuellt på enheten. För automatiska tester kan du aktivera tillgänglighetskontrollerna i Espresso och Robolectric.

Sök
Rensa sökning
Stäng sökrutan
Huvudmeny
553405423716822983
true
Sök i hjälpcentret
true
true
true
true
true
717068
false
false