ปุ่มรูปภาพต้องมีข้อความทดแทน

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

ตรวจให้แน่ใจว่าองค์ประกอบ <input type="image"> มีข้อความทดแทน.

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

WCAG 1.1.1 และ 4.1.2 กำหนดให้ปุ่มรูปภาพต้องมีข้อความทดแทน

วิธีแก้ไข

1. เพิ่มข้อความ alt ที่อธิบายการทำงาน เช่น alt="Search"

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

• สแกนหน้าที่ได้รับผลกระทบอีกครั้ง

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

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

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