ตรวจหาจุดติดค้างของแป้นพิมพ์

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

ผู้ใช้ที่ติดอยู่ในกับดักอาจต้องโหลดทั้งหน้าใหม่เพื่อหลบหนี WCAG ถือว่ากับดักที่ไม่มีทางออกเป็น ข้อผิดพลาด ไม่ใช่บั๊กเล็กน้อย

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

กล่องโต้ตอบที่ดัก Tab แต่ไม่มีทางออกเป็นกับดักที่พบบ่อยที่สุด โมดัลจริงต้องปิดได้ด้วย Escape

เนื้อหาที่ฝังอยู่ เช่น วิดีโอหรือแผนที่ จะอยู่ใน iframe บางรายการจะยึดโฟกัสไว้ ทำให้ผู้ใช้วนอยู่ภายในโดยไม่มีทางออก

สคริปต์ที่เรียกใช้ preventDefault กับปุ่ม Tab อาจขัดขวางการเคลื่อนที่ตามปกติของเบราว์เซอร์ ทันใดนั้นโฟกัสก็ไม่ยอมเลื่อนไปข้างหน้า

กับดักบางอย่างยอมให้ Tab เคลื่อนไปข้างหน้า แต่ขัดขวาง Shift+Tab ให้ทดสอบทั้งสองทิศทาง เพราะเส้นทางทางเดียวก็ยังเป็นกับดัก

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

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

หากโฟกัสยังวนอยู่ภายในองค์ประกอบหนึ่ง และ Tab ไม่พาคุณไปต่อ แสดงว่าคุณพบ กับดักแล้ว ให้จดไว้อย่างชัดเจนว่าติดอยู่ตรงไหน

วิธีแก้คือคืนทางออกให้ใช้งานได้ ให้ Tab เดินหน้าต่อ รองรับ Escape และเมื่อปิดแล้วให้คืนโฟกัสกลับไปยัง ตัวเรียกที่เปิดเลเยอร์นั้น

กับดักจะกักโฟกัสไว้โดยไม่มีทางออกด้วยแป้นพิมพ์ และถือว่าไม่ผ่าน WCAG กด Tab ไปทั่วทุกส่วนทั้งสองทิศทาง และจัดเตรียม เส้นทางหลบหนีไว้เสมอ ✅