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