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