โฟกัสของผู้ใช้ไม่ได้ติดอยู่ในภูมิภาคโดยไม่ได้ตั้งใจ

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

วิธีทดสอบด้วยตนเอง

หากต้องการทดสอบว่าผู้ใช้จะไม่จับภาพโฟกัสโดยไม่ตั้งใจ ให้ใช้แป้นพิมพ์เพื่อเข้าและออกองค์ประกอบต่างๆ ในหน้า ใช้ TAB เพื่อไปยัง "ไปข้างหน้า" และใช้ SHIFT + TAB เพื่อไปยัง "ย้อนกลับ"

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

วิธีแก้ไข

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

แต่ทั้งนี้คุณควรระบุวิธีการ Escape ที่ใช้แป้นพิมพ์ซึ่งเข้าถึงได้จากแป้นพิมพ์ดังกล่าวด้วย ดูตัวอย่างนี้เกี่ยวกับวิธีสร้างโมดัลที่เข้าถึงได้ โปรดดูเพิ่มเติมที่โมดัลและแทร็ปแป้นพิมพ์ ในตัวอย่างนี้ คุณจะได้ลักษณะแบบโมดัลที่ต้องการโดยไม่ต้องบังคับให้ผู้ใช้รีเฟรชหน้าเพื่อออกจากเครื่องตรวจจับโฟกัส

ความสำคัญ

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

ดูข้อมูลเพิ่มเติมในวิธีตรวจสอบการช่วยเหลือพิเศษ

แหล่งข้อมูล

ซอร์สโค้ดของการตรวจสอบโฟกัสผู้ใช้ไม่ได้ติดอยู่ในการตรวจสอบภูมิภาคโดยไม่ตั้งใจ