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