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

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

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

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

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

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

วิธีแก้ไข

หน้าเว็บที่แสดงเนื้อหาหลายรูปแบบ เช่น กล่องโต้ตอบแบบโมดัลและวิดเจ็ต มีความเสี่ยงที่จะเกิดปัญหาการโฟกัส

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

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

เราขอแนะนำให้คุณอ่านโมดัลและดักแป้นพิมพ์ด้วย

ความสำคัญ

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

ดูข้อมูลเพิ่มเติมเกี่ยวกับวิธีทดสอบด้วยเทคโนโลยีความช่วยเหลือพิเศษ

แหล่งข้อมูล

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