שיפור הנגישות של אפליקציות

נסה להפוך את אפליקציית Android שלך לניתנת לשימוש עבור כולם, כולל אנשים עם את צורכי הנגישות.

אנשים עם ליקויי ראייה, עיוורון צבעים, ליקויי שמיעה, לקוי שמיעה מוטוריקה עדינה, מוגבלות קוגניטיבית והרבה מוגבלויות אחרות, משתמשים ב-Android מכשירים. כשמפתחים אפליקציות עם נגישות, אתם משפרים את חוויית המשתמש עבור אנשים את צורכי הנגישות.

בדף הזה מפורטות הנחיות להטמעת אלמנטים מרכזיים של נגישות כדי שכולם יוכלו להשתמש באפליקציה בקלות רבה יותר. להנחיה מעמיקה יותר: כדי לשפר את הנגישות של האפליקציה, ראו עקרונות לשיפור האפליקציה נגישות.

הגברת החשיפה של הטקסט

לכל קבוצת טקסט באפליקציה מומלץ להשתמש בניגודיות צבעים – או ההבדל בבהירות הנתפסת בין צבע הטקסט לצבע של הרקע מאחורי הטקסט — כך שיהיה מעל סף מסוים. הסף המדויק תלוי בגודל הגופן של הטקסט ובשאלה אם הטקסט מופיע bold:

  • אם הטקסט קטן מ-18 נקודות, או אם הטקסט מודגש וקטן מ- 14pt, מגדירים את יחס ניגודיות הצבעים ל-4.5:1 לפחות.
  • עבור כל שאר הטקסט, צריך להגדיר את יחס הניגודיות של הצבעים ל-3:1 לפחות.

בתמונה הבאה מוצגות שתי דוגמאות לניגודיות של צבעים טקסט לרקע:

תמונות שבהן מוצג טקסט
איור 1. נמוך מהמומלץ (שמאל) וצבע מספיק (ימין) של ניגודיות.

כדי לבדוק את ניגודיות הצבעים של טקסט לרקע באפליקציה, צריך להשתמש בצבע אונליין הכלי לבדיקת ניגודיות או התכונה נגישות סורק אפליקציה.

שימוש באמצעי בקרה גדולים ופשוטים

קל יותר להשתמש בממשק המשתמש של האפליקציה אם קל יותר לראות את הפקדי�� שלו ומקישים. אנחנו ממליצים שלכל רכיב בממשק המשתמש האינטראקטיבי יהיה אזור שניתן להתמקד בו, או גודל יע�� מגע, של לפחות 48dpx48dp. גדול יותר הוא אפילו יותר טוב.

כדי שלרכיב נתון בממשק המשתמש יהיה גודל משטח מגע גדול מספיק, יש לבצע את הפעולות הבאות: שניהם צריכים להתקיים:

ערכי המרווח הפנימי מאפשרים שהגודל הגלוי של האובייקט יהיה קטן מ-48dpx48dp ועדיין לשמור על גודל משטח המגע המומלץ.

בקטע הקוד הבא מוצג רכיב עם המגע המומלץ גודל יעד:

<ImageButton ...
    android:paddingLeft="4dp"
    android:minWidth="40dp"
    android:paddingRight="4dp"

    android:paddingTop="8dp"
    android:minHeight="32dp"
    android:paddingBottom="8dp" />

תיאור של כל רכיב בממשק המשתמש

לכל רכיב בממשק המשתמש באפליקציה יש לכלול תיאור מתארת את המטרה של האלמנט. ברוב המקרים, כדאי לכלול את התיאור הזה מאפיין contentDescription של הרכיב, כמו שמוצג בקוד הבא snippet:

<!-- Use string resources for easier localization. -->
<!-- The en-US value for the following string is "Inspect". -->
<ImageView
    ...
    android:contentDescription="@string/inspect" />

כשמוסיפים תיאורים לרכיבי ממשק המשתמש של האפליקציה, חשוב להקפיד על הדברים הבאים שיטות שכדאי לזכור:

  • אין לכלול את סוג רכיב ממשק המשתמש בתיאור התוכן. סינון הקוראים מכריזים באופן אוטומטי על סוג הרכיב ועל התיאור שלו. עבור לדוגמה, אם בחירה בלחצן גורמת לשגיאה "שליחה" הפעולה שתתבצע באפליקציה, מגדירים את תיאור הלחצן "Submit", ולא "Submit button".

  • כל תיאור חייב להיות ייח��די. כך, כשמשתמשים בקוראי מסך בתיאור רכיב חוזר, הם מזהים נכון היא מתמקדת באלמנט שכבר התמקד בו מוקדם יותר. באופן ספציפי, כל פריט בתוך קבוצת תצוגות מפורטות, חייב להיות ב-RecyclerView תיאור שונה. כל תיאור חייב לשקף את התוכן הייחודי לפריט נתון, למשל שם העיר ברשימת מיקומים.

  • אם הערך של minSdkVersion באפליקציה הוא 16 ומעלה, אפשר להגדיר את הערך של הפרמטר android:importantForAccessibility ל-"no" יש אלמנטים גרפיים שמשמשים רק לקישוט !

מקורות מידע נוספים

למידע נוסף על שיפור הנגישות של האפליקציה, אפשר לעיין במאמרים הבאים: משאבים נוספים:

שיעורי Lab

פוסטים בבלוגים