สร้างกระบวนการตรวจสอบด้วยตนเอง

เครื่องมือสแกนอัตโนมัติอาจตรวจพบปัญหาได้เพียงประมาณ 30% เท่านั้น การตรวจสอบด้วยตนเองคือวิธีค้นหาประสบการณ์ใช้งานที่เสียหาย ซึ่งหุ่นยนต์ไม่อาจรับรู้ได้ 🔍

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

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

ขณะกด Tab คุณต้องมองเห็นตำแหน่งปัจจุบันอยู่เสมอ หากไม่มี ตัวบ่งชี้โฟกัส ผู้ใช้แป้นพิมพ์จะหลงทางบนหน้าเว็บโดยสิ้นเชิง

เปิดใช้ NVDA, VoiceOver หรือ TalkBack แล้วนำทางด้วยหัวข้อและจุดสังเกต สิ่งที่คุณได้ยินตรงกับสิ่งที่เห็นหรือไม่

กด Ctrl หรือ Cmd พร้อมเครื่องหมายบวกเพื่อให้ได้ การซูม 200% WCAG กำหนดว่าจะต้องไม่มีการสูญเสียเนื้อหาหรือความสามารถในการใช้งาน และต้องไม่มีการเลื่อนในแนวนอนบนหน้าปกติ

ตรวจตัวอักษรจริงเทียบกับพื้นหลัง ตัวอักษรเนื้อหาต้องมี อัตราส่วนคอนทราสต์อย่างน้อย 4.5 ต่อ 1 จึงจะผ่าน WCAG AA

เปิด DevTools แล้วอ่าน โครงสร้างต้นไม้การเข้าถึง ซึ่งจะแสดงชื่อ บทบาท และสถานะที่เทคโนโลยีสิ่งอำนวยความสะดวกได้รับจริงสำหรับแต่ละองค์ประกอบ

ใช้ รายการตรวจสอบที่กำหนดไว้ทุกครั้ง รายการที่สม่ำเสมอช่วยให้คุณตรวจสอบได้ครอบคลุมเหมือนเดิม และไม่พลาดการตรวจสอบสำคัญโดยบังเอิญ

เลือกสามสิ่งที่เป็นหลักของการตรวจสอบด้วยตนเองอย่างละเอียด

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

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

ตอนนี้คุณสามารถทำ การตรวจสอบด้วยตนเองด้วยแป้นพิมพ์ โปรแกรมอ่านหน้าจอ และการซูม อ่านโครงสร้างต้นไม้ a11y และบันทึกผลการตรวจสอบทีละกระบวนการได้แล้ว 🎯