ตรวจสอบ Accessibility ของ Android อย่างมีประสิทธิภาพด้วย Accessibility Scanner ของ Google

Web Content Accessibility Guidelines (WCAG 2.1 Level AA) เป็นมาตรฐานระดับนานาชาติสำหรับการเข้าถึงดิจิทัล การปฏิบัติตามแนวทางเหล่านี้ช่วยให้แน่ใจว่าเว็บไซต์ของคุณสามารถใช้งานได้โดยผู้ที่มีความบกพร่องทางสายตา การเคลื่อนไหว การได้ยิน และทาง인지

Accessibility Scanner ของ Google บน Google Play เป็นแอปฟรีที่ให้นักพัฒนา นักออกแบบ และผู้นำผลิตภัณฑ์ สามารถตรวจสอบแอปของพวกเขาเพื่อหาปัญหาเรื่อง accessibility ได้ แอปนี้ออกแบบมาเพื่อไฮไลท์ปัญหา accessibility ที่อาจไม่ผ่านมาตรฐาน WCAG 2.1 Level AA

เมื่อติดตั้งแล้ว Accessibility Scanner จะให้คุณถ่ายภาพหน้าจอหรือบันทึกวิดีโอของแอป แล้วไฮไลท์พื้นที่ที่อาจไม่ผ่านข้อกำหนด accessibility เช่น เป้าหมายการแตะขนาดเล็ก ความคอนทราสต์สีต่ำ หรือขาด content labels

สิ่งที่เราจะครอบคลุม:

1. วิธีดาวน์โหลดและเปิดใช้งาน Accessibility Scanner

2. วิธีใช้ Accessibility Scanner

   • วิธีใช้ฟีเจอร์ Snapshot

   • วิธีใช้ฟีเจอร์ Record

3. ทำไมต้องใช้ Accessibility Scanner?

วิธีดาวน์โหลดและเปิดใช้งาน Accessibility Scanner

ใน 5 ขั้นตอนรวดเร็ว คุณสามารถดาวน์โหลดแอป Accessibility และเปิดใช้งานบนอุปกรณ์ Android ของคุณ

1. ค้นหา "Accessibility Scanner" บน Google Play Store และดาวน์โหลด

2. หาแอปที่ดาวน์โหลดบนอุปกรณ์ของคุณและเปิดมัน

3. เปิดใช้งาน Accessibility Scanner โดยกดปุ่ม "Turn on" ที่มุมขวาล่างของหน้าจอ นี่จะนำคุณไปที่การตั้งค่า Accessibility

4. ในหน้าการตั้งค่า Accessibility กดปุ่ม Accessibility Scanner นี่จะนำคุณไปที่การตั้งค่า Accessibility Scanner

5. หา toggle ของ Accessibility Scanner และเปิดมัน (จะเปิด modal ถามว่าอนุญาตให้ "Accessibility Scanner" ควบคุมอุปกรณ์เต็มที่หรือไม่ กด Allow)

หลังขั้นตอนที่ 5 ไอคอนเครื่องหมายถูกสีน้ำเงินจะปรากฏทางขวาของหน้าจอ (ดูภาพด้านล่าง) ไอคอนลอยตัวนี้ให้คุณเข้าถึงการสแกนหน้าจอใดๆ สำหรับปัญหา accessibility ได้อย่างรวดเร็ว

เพื่อสแกนหรือบันทึกแอปของคุณเพื่อหาปัญหา accessibility ให้แตะไอคอนเครื่องหมายถูกสีน้ำเงิน คุณจะเห็นตัวเลือกหลายอย่างหลังจากคลิก:

• Record: บันทึกวิดีโอสั้นของการโต้ตอบผู้ใช้และสร้างรายงานปัญหา accessibility ที่เป็นไปได้

• Snapshot: ถ่ายภาพหน้าจอคงที่และไฟล์ปัญหาที่พบบนหน้าจอนั้น

• Turn off: ปิด Accessibility Scanner

• Collapse: ย่อตัวเลือกเพื่อแสดงไอคอนเครื่องหมายถูกสีน้ำเงินเริ่มต้น

คุณสามารถเลือกระหว่างการถ่าย Snapshot เดียว หรือบันทึกการไหลของผู้ใช้ด้วย Record เพื่อประเมินหลายหน้าจอ

วิธีใช้ฟีเจอร์ Snapshot

ปุ่ม Snapshot จะถ่ายภาพหน้าจอของหน้าที่คุณอยู่และให้ผลลัพธ์ปัญหา accessibility ที่อาจอยู่บนหน้านั้น ปัญหา accessibility จะถูกไฮไลท์ด้วยกล่องสีแดง

ภาพด้านล่างคือผลลัพธ์จากการถ่าย Snapshot หน้าล็อกอินของ Facebook Accessibility Scanner ระบุว่ามี 10 ข้อเสนอแนะเรื่อง accessibility บนหน้านี้เพียงหนเดียว

คุณสามารถคลิกที่พื้นที่ที่ไฮไลท์เพื่อรับรายละเอียดเพิ่มเติมของปัญหา accessibility ที่เป็นไปได้ ตัวอย่างเช่น คุณสามารถคลิกที่กล่องสีแดงที่ไฮไลท์ฟอร์ม "Mobile number or email" ในภาพด้านบน เมื่อคุณคลิกที่พื้นที่ที่ไฮไลท์ คุณจะได้ข้อมูลเพิ่มเติม

ภาพด้านล่างคือผลลัพธ์จากการคลิกที่องค์ประกอบฟอร์ม "Mobile number or email" Accessibility Scanner ไฮไลท์ข้อผิดพลาดที่พบบนฟอร์มอีเมลนี้

ข้อเสนอแนะแรกคือแก้ไข item label เนื่องจากไอเท็มอาจไม่มี label ที่ screen reader อ่านได้ ข้อที่สองคือ Touch Target แนะนำว่า target ควรใหญ่ขึ้น ข้อสุดท้ายคือ Unexposed Text ข้อความที่ตรวจพบเป็นไปได้: Mobile number or email

Snapshots ช่วยให้เราถ่ายภาพหน้าจอและไฮไลท์ปัญหา accessibility

วิธีใช้ฟีเจอร์ Record

หากคุณเลือก Record Accessibility Scanner จะถ่าย Snapshot ทุกช่วงเวลาขณะที่คุณผ่านหน้าต่างๆ ของแอป เพื่อหยุดการบันทึก ให้แตะปุ่มหยุดชั่วคราวสีน้ำเงิน (ซึ่งแทนที่เครื่องหมายถูกเดิมระหว่างการบันทึก)

เมื่อคุณหยุดบันทึก Accessibility Scanner จะให้ snapshot หลายๆ ตัวและข้อผิดพลาดที่ไฮไลท์ ภาพด้านล่างคือผลลัพธ์จากการบันทึกหน้าล็อกอินของ Facebook ในเวลาน้อยกว่า 1 นาที

ระหว่างการบันทึก ผมนำทางไปหน้าอื่นๆ ภายในแอป การบันทึกให้ 5 snapshots ของหน้าที่ผมผ่านไป คุณเห็น snapshots บนส่วนบนของหน้า ในภาพด้านล่าง ผมอยู่ที่ screen 1 of 5 ผมสามารถคลิกไป snapshots อื่นๆ ภายใต้คำว่า "Screen 1 of 5" และดูปัญหาสำหรับ snapshots ต่างๆ ที่ถ่ายระหว่างการบันทึก คล้ายกับการ audit accessibility ด้วย snapshot คุณสามารถคลิกที่กล่องสีแดงและรับข้อมูลเพิ่มเติมเกี่ยวกับข้อผิดพลาด

ทำไมต้องใช้ Accessibility Scanner?

Accessibility Scanner เป็นเครื่องมือมีค่าสำหรับทีมตลอดวัฏจักรการพัฒนาแอป วิศวกรสามารถใช้มันตั้งแต่ต้นเพื่อสแกนแอปในเครื่อง ระบุปัญหา accessibility และแก้ไขก่อนปล่อย ตอนขั้น QA นักออกแบบและผู้จัดการผลิตภัณฑ์สามารถใช้ scanner ตรวจสอบ UI และไฟล์ปัญหา accessibility ที่เป็นไปได้ แม้หลังจากแอปอยู่ใน production ทีมทุกทีมยังคงใช้ scanner ติดตามและปรับปรุง accessibility ได้

แต่สำคัญต้องทราบว่า Accessibility Scanner เพียงส่วนหนึ่งของกลยุทธ์ accessibility - มันไม่ใช่การทดแทนการทดสอบด้วยมือหรือ audit อย่างสมบูรณ์ และมันจับไม่ได้ทุกประเภทของอุปสรรค accessibility - โดยเฉพาะที่ต้องการการนำทางด้วยคีย์บอร์ด การทดสอบ screen reader หรือการทบทวน cognitive usability แต่มันเป็นจุดเริ่มต้นที่เรียบง่ายและมีประสิทธิภาพสำหรับการปรับปรุง accessibility ในแอป Android

คุณควรใช้มันร่วมกับเครื่องมืออื่นๆ เช่น TalkBack ของ Android สำหรับการทดสอบ screen reader สำคัญที่สุด ความคิดเห็นจากโลกจริงของผู้ที่ใช้เทคโนโลยีช่วยเหลือ เป็นสิ่งจำเป็นในการระบุอุปสรรคการใช้งานที่เครื่องมืออัตโนมัติอาจพลาด

เพียงไม่กี่แตะ Accessibility Scanner ช่วยให้ปัญหาที่อาจพลาด浮上มา มันเป็นเครื่องมือฟรี เบา และจำเป็นสำหรับทุกคนที่สร้างประสบการณ์มือถือที่ครอบคลุม (inclusive)

ขอบคุณที่อ่าน!

ตอนนี้คุณควรรู้แล้ววิธีเริ่มใช้ Accessibility Scanner ตรวจสอบ accessibility ของแอป และรับรองว่าพวกมันใช้งานได้โดยทุกคน

เรียนรู้การเขียนโค้ดฟรี หลักสูตรโอเพนซอร์สของ freeCodeCamp ช่วยให้ผู้คนมากกว่า 40,000 คนได้งานเป็นนักพัฒนา เริ่มต้นเลยวันนี้