กฎนี้ตรวจอะไร
ตรวจให้แน่ใจว่าองค์ประกอบ [role="img"] และ [role="image"] มีข้อความทดแทน.
ทำไมจึงสำคัญ
WCAG 1.1.1 กำหนดให้รูปภาพที่มีความหมายต้องมีข้อความทดแทน
วิธีแก้ไข
- เพิ่ม aria-label ให้องค์ประกอบ หรือนำ role="img" ออกหากใช้ตกแต่ง
วิธีตรวจสอบการแก้ไข
- สแกนหน้าที่ได้รับผลกระทบอีกครั้ง
FixReports ตรวจพบอย่างไร
การสแกนของเราเรียกใช้กฎ role-img-alt ของ axe-core ในเบราว์เซอร์ Chrome จริงบนทุกหน้าที่ทดสอบ และรายงานองค์ประกอบที่ไม่ผ่านแต่ละรายการพร้อมหน้าที่พบ markup และภาพหน้าจอในกรณีที่มี
การทดสอบอัตโนมัติยืนยันได้ว่าปัญหานี้มีอยู่จริง แต่บอกไม่ได้ว่าส่วนอื่นของหน้าเข้าถึงได้หรือไม่ อุปสรรคบางอย่างจะปรากฏก็ต่อเมื่อมีคนตรวจหน้านั้นเท่านั้น