ป้ายกำกับมุมมองที่แก้ไขได้

รายการที่แก้ไขได้ในแอปช่วยให้ผู้ใช้ป้อนข้อความได้ แต่ละรายการที่แก้ไขได้ควรมีป้ายกำกับที่สื่อความหมายซึ่งระบุวัตถุประสงค์ของรายการ

Android มีหลายวิธีให้นักพัฒนาแอปติดป้ายกำกับ Views ในอินเทอร์เฟซผู้ใช้ของแอป สำหรับรายการที่แก้ไขได้ในอินเทอร์เฟซ วิธีติดป้ายกำกับเหล่านี้บางวิธีช่วยปรับปรุงการช่วยเหลือพิเศษได้

การใช้งาน

หากต้องการติดป้ายกำกับ 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 ที่แก้ไขได้อาจรบกวนความสามารถของบริการการช่วยเหลือพิเศษในการอธิบาย ไปยังส่วนต่างๆ และโต้ตอบกับข้อความที่ผู้ใช้ป้อนภายในรายการ

การออกแบบ

เมื่อผู้ใช้ไปยังรายการที่แก้ไขได้ด้วยโปรแกรมอ่านหน้าจอ อินเทอร์เฟซผู้ใช้ที่ใช้งานได้ดีจะมีองค์ประกอบต่อไปนี้

หากช่องที่แก้ไขได้ว่างเปล่า ช่องนั้นจะมีป้ายกำกับที่อธิบายสิ่งที่โปรแกรมอ่านหน้าจอพูด
หากผู้ใช้ป้อนข้อความในช่องที่แก้ไขได้ โปรแกรมอ่านหน้าจอจะพูดข้อความนั้นนอกเหนือจากป้ายกำกับที่สื่อความหมาย

เมื่อผู้ใช้ไปยังส่วนต่างๆ ในระดับที่มีความรายละเอียดน้อยลง เช่น อักขระทีละตัว โปรแกรมอ่านหน้าจอจะพูดข้อความที่ป้อน หรือคำแนะนำเมื่อไม่มีข้อความ

การทดสอบ

วิธีการตรวจสอบด้วยตนเองว่าแอปมีรายการที่แก้ไขได้ซึ่งมีการติดป้ายกำกับอย่างถูกต้องหรือไม่

เปิด TalkBack
ในแอป ให้ย้ายโฟกัสการช่วยเหลือพิเศษไปยังรายการที่แก้ไขได้ที่ว่างเปล่า
- ตรวจสอบว่าคำอธิบายที่พูดของ TalkBack ของรายการที่แก้ไขได้ที่ว่างเปล่ามีป้ายกำกับหรือไม่ และตรวจสอบว่าป้ายกำกับที่สื่อความหมายนั้นตรงกับป้ายกำกับภาพในแอปหรือไม่
พิมพ์ข้อความในรายการที่แก้ไขได้
ย้ายโฟกัสการช่วยเหลือพิเศษไปยังรายการที่แก้ไขได้
- หากต้องการตรวจสอบว่าคำอธิบายที่พูดมีข้อความที่คุณพิมพ์หรือไม่ ให้ฟังคำอธิบายรายการที่แก้ไขได้ของ TalkBack

เครื่องมือทดสอบอัตโนมัติของ Android สามารถตรวจจับ contentDescription ที่ไม่ว่างเปล่าในรายการที่แก้ไขได้ ลองใช้เครื่องตรวจการเข้าถึงสำหรับ Android เพื่อทดสอบแอปในอุปกรณ์ด้วยตนเอง สำหรับการทดสอบอัตโนมัติ ให้เปิดการตรวจสอบการเข้าถึงใน Espresso และ Robolectric