תוויות תצוגה שניתנות לעריכה

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

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

הטמעה

כדי להוסיף תווית שניתנת לעריכה מסוג TextView או EditText, צריך להשתמש ב-android:hint כדי להציג תווית טקסט תיאורית בתוך הפריט כשהוא ריק.

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

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

<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>

טיפ: TextInputLayout בספריית התמיכה של עיצוב Android מספק דרך פשוטה לניהול EditText ותווית טקסט משויכת, ופועל היטב עם שירותי הנגישות של Android.

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

עיצוב

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

• אם השדה הניתן לעריכה ריק, יש לו תווית תיאורית שקורא המסך יקריא בקול.
• אם משתמש הזין טקסט בשדה הניתן לעריכה, קורא המסך יקריא את הטקסט בנוסף לתווית התיאור.

כאשר משתמש מנווט ברמת פירוט נמוכה יותר, כמו תו אחר תו, קורא המסך מקריא את הטקסט שהוזן או את ההינט כשהוא ריק.

בדיקה

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

1. מפעילים את TalkBack.
2. באפליקציה, מעבירים את מיקוד הנגישות לפריט הריק שניתן לעריכה.
   • בודקים אם התיאור של הפריט הריק שניתן לעריכה ש-TalkBack מקריא מכיל תווית, ואם התווית התיאורית הזו תואמת לתוויות חזותיות כלשהן באפליקציה.
3. מקלידים טקסט כלשהו בתוך הפריט הניתן לעריכה.
4. מעבירים את המיקוד של הנגישות אל הפריט הניתן לעריכה.
   • כדי לוודא שהתיאור שמוקרא בקול כולל את הטקסט שהקלדתם, יש להאזין לתיאור של TalkBack לפריט שניתן לעריכה.

כלי הבדיקה האוטומטיים של Android יכולים לזהות contentDescription שאינו ריק בפריטים שניתנים לעריכה. מומלץ להשתמש ב-Accessibility Scanner ל-Android כדי לבדוק את נגישות האפליקציה במכשיר באופן ידני. כדי להשתמש בבדיקות אוטומטיות, יש להפעיל את בדיקות הנגישות ב-Espresso וב-Robolectric.