כל אלמנט שמופיע במסך שמשתמשים יכולים ללחוץ עליו, לגעת בו או לבצע איתו אינטראקציה בכל דרך אחרת, צריך להיות גדול מספיק כדי לאפשר אינטראקציה אמינה. מומלץ שהרוחב והגובה של אלמנטים אלה הוא לפחות 48dp, כמו שמופיע בהנחיות הנגישות של Material Design.
הטמעה
לצפייה
כשמטמיעים בפריסה אלמנטים קליקביליים או שאפשר לגעת בהם, כדאי להשתמש במידות שתואמות לגודל המומלץ למשטחי מגע, או גדולות ממנו.
אם הגודל של הפקדים האלה נקבע באופן דינמי, או משתנה על סמך גודל התוכן שלהם, כדאי להשתמש ב-android:minWidth וב-android:minHeight כדי להגדיר גבול תחתון למידות.
כדי לשמר את הגודל המקורי של View ולהרחיב את אזור התצוגה שאפשר לגעת בו, כדאי להשתמש ב-TouchDelegate, שמאפשר לפריסת אב לטפל באירועי מגע בשם View הצאצא.
טיפ: Accessibility Scanner יכולה לזהות ולאשר שימוש ב-TouchDelegate רק בזמן הפעלה ב-Android בגרסה 10 ואילך. בגרסאות קודמות של Android, יכול להיות שיוצגו תוצאות בגדלים של משטחי מגע גם כשה-API הזה ישמש להגדלת משטחי מגע לגודל מתאים.
פיתוח נייטיב
כשמטמיעים בתוכן קומפוזבילי אלמנטים קליקביליים או שאפשר לגעת בהם, כדאי להשתמש במידות שתואמות לגודל המומלץ למשטחי מגע, או גדולות ממנו.
אם גודל הפקדים האלה נקבע באופן דינמי, או שגודלם משתנה על סמך גודל התוכן שלהם, כדאי להשתמש ב-Modifier.sizeIn כדי להגדיר גבול תחתון למידות.
clickable או להשתמש ב-Modifier.mergeDescendants, שמאפשרים לשירותי הנגישות להתמקד רק בישות אב קומפוזבילית גבוהה יותר ולשלוח לה אירועים מסוג קליק.עיצוב
משטחי מגע כוללים את האזור שמגיב לקלט של משתמשים. האזור של משטחי המגע נמצא מעבר לגבולות החזותיים של אלמנט: אלמנט כמו סמל עשוי להיראות בגודל 24x24dp, אבל המרווח הפנימי שמסביב כולל את משטח המגע המלא בגודל 48x48dp. ב-Jetpack פיתוח נייטיב, רכיבי Material כמו Checkbox או Switch מוסיפים מרווחים פנימיים באופן אוטומטי כדי לוודא שהם בגודל 48x48dp לפחות. במקרים מסוימים, למשל כשמדובר בכפתורים קטנים וצפופים מאוד, אי אפשר להרחיב את האלמנטים בלי ליצור חפיפה באזורים שאפשר לגעת בהם.
מומלץ להגדיר את גודל משטחי המגע כלפחות 48x48dp, ולהפריד ביניהם בעזרת שטח בגודל 8dp או יותר, כדי שדחיסות המידע תהיה מאוזנת וכדי להבטיח נוחות שימוש. משטח מגע בגודל 48x48dp יהיה בגודל פיזי של כ-9 מ"מ, ללא קשר לגודל המסך. גודל היעד המומלץ לאובייקטים במסך מגע הוא 7-10 מ"מ.
לצפייה בדוגמאות, עיינו בהנחיות הנגישות של Material Design.
בדיקה
כדי לאמת ידנית שממשק המשתמש של אפליקציה לא מכיל משטחי מגע קטנים:
- פותחים את האפליקציה.
- מאתרים את כל האלמנטים בממשק שניתן ללחוץ עליהם, לגעת בהם או לבצע עמם אינטראקציה.
- מוודאים שגודל כל אלמנט הוא 48x48dp או שכל ממד הוא 9 מ"מ בערך.
כלי הבדיקה האוטומטיים של Android יכולים לזהות משטחי מגע קטנים. כדי לבדוק ידנית את האפליקציה במכשיר, מומלץ להשתמש ב-Accessibility Scanner ל-Android. כדי להשתמש בבדיקות אוטומטיות, יש להפעיל את בדיקות הנגישות ב-Espresso וב-Robolectric.