องค์ประกอบที่ซ่อนด้วย ARIA ต้องรับโฟกัสไม่ได้และต้องไม่มีองค์ประกอบที่รับโฟกัสได้อยู่ภายใน

กฎนี้ตรวจอะไร

ตรวจให้แน่ใจว่าองค์ประกอบที่มี aria-hidden รับโฟกัสไม่ได้และไม่มีองค์ประกอบที่รับโฟกัสได้อยู่ภายใน.

ทำไมจึงสำคัญ

ผู้ใช้คีย์บอร์ดไปหยุดที่องค์ประกอบที่โปรแกรมอ่านหน้าจอไม่อ่านออกเสียง (WCAG 4.1.2)

วิธีแก้ไข

1. นำ aria-hidden ออกจากคอนเทนเนอร์ที่มีองค์ประกอบที่รับโฟกัสได้ หรือเพิ่ม tabindex="-1" และแอตทริบิวต์ inert ให้เมนู off-canvas และสไลด์ที่ซ่อนอยู่

วิธีตรวจสอบการแก้ไข

• เปิดโปรแกรมอ่านหน้าจอแล้วกด Tab ไล่ไปทั่วหน้า

FixReports ตรวจพบอย่างไร

การสแกนของเราเรียกใช้กฎ aria-hidden-focus ของ axe-core ในเบราว์เซอร์ Chrome จริงบนทุกหน้าที่ทดสอบ และรายงานองค์ประกอบที่ไม่ผ่านแต่ละรายการพร้อมหน้าที่พบ markup และภาพหน้าจอในกรณีที่มี

การทดสอบอัตโนมัติยืนยันได้ว่าปัญหานี้มีอยู่จริง แต่บอกไม่ได้ว่าส่วนอื่นของหน้าเข้าถึงได้หรือไม่ อุปสรรคบางอย่างจะปรากฏก็ต่อเมื่อมีคนตรวจหน้านั้นเท่านั้น