การควบคุมแบบอินเทอร์แอกทีฟที่กําหนดเองควรโฟกัสได้ เช่น หากคุณใช้ JavaScript เพื่อเปลี่ยน <div> เป็นเมนูแบบเลื่อนลงที่ดูดี ระบบจะไม่แทรกเมนูแบบเลื่อนลงนั้นลงในลำดับแท็บที่ถูกต้องโดยอัตโนมัติ
คุณต้องตรวจสอบด้วยตนเองว่าการควบคุมที่กำหนดเองทั้งหมดโฟกัสได้ด้วยแป้นพิมพ์
หากเป็นไปได้ ให้ใช้องค์ประกอบ HTML เชิงความหมายที่อนุญาตให้มีการโต้ตอบ
วิธีทดสอบ
หากต้องการทดสอบว่าตัวควบคุมที่กำหนดเองสามารถรับโฟกัสได้ ให้กดแป้น TAB เพื่อไปยังส่วนต่างๆ ของเว็บไซต์
คุณสามารถเข้าถึงส่วนควบคุมแบบอินเทอร์แอกทีฟทั้งหมดในหน้านี้ได้ไหม
หากไม่ คุณอาจต้องใช้ tabindex เพื่อปรับปรุงความสามารถในการโฟกัสของตัวควบคุมเหล่านั้น
โปรดดูควบคุมโฟกัสด้วย tabindex ด้วย
วิธีแก้ไข
หากต้องการให้โฟกัสตัวควบคุมที่กำหนดเองได้ ให้แทรกองค์ประกอบตัวควบคุมที่กำหนดเองลงในลำดับแท็บตามปกติโดยใช้ tabindex="0"
เช่น
<div tabindex="0">Focus me with the TAB key</div>
ความสำคัญ
สําหรับผู้ใช้ที่ใช้เมาส์ไม่ได้หรือไม่ต้องการใช้เมาส์ การไปยังส่วนต่างๆ ด้วยแป้นพิมพ์เป็นวิธีหลักในการเข้าถึงทุกสิ่งบนหน้าจอ ประสบการณ์การใช้งานแป้นพิมพ์ที่ดีขึ้นอยู่กับลําดับแท็บที่สมเหตุสมผลและรูปแบบโฟกัสที่สังเกตได้ หากผู้ใช้แป้นพิมพ์ไม่เห็นสิ่งที่โฟกัสอยู่ ผู้ใช้จะโต้ตอบกับหน้าเว็บไม่ได้
หากคุณเพิ่งเริ่มทดสอบการช่วยเหลือพิเศษ เราขอแนะนำให้ดูข้อมูลเกี่ยวกับการทดสอบการช่วยเหลือพิเศษด้วยตนเองและการทดสอบเทคโนโลยีความช่วยเหลือพิเศษ