กฎนี้ตรวจอะไร
ตรวจให้แน่ใจว่าปุ่มมีข้อความที่ระบุได้.
ทำไมจึงสำคัญ
WCAG 4.1.2 กำหนดให้ตัวควบคุมทุกตัวต้องมีชื่อ ปุ่มที่ไม่มีชื่อมักเป็นปุ่มเพิ่มลดจำนวน ปุ่มปิด และลูกศรของสไลเดอร์
วิธีแก้ไข
- ค้นหาปุ่มที่ไม่มีชื่อ ซึ่งมักเป็นปุ่มที่แสดงเพียงไอคอน
- เพิ่มข้อความที่มองเห็นได้ ข้อความที่ซ่อนจากการมองเห็น หรือ aria-label ที่บอกว่าปุ่มทำอะไร (เช่น aria-label="Close" หรือ aria-label="Increase quantity")
วิธีตรวจสอบการแก้ไข
- สแกนหน้าที่ได้รับผลกระทบอีกครั้ง
- ตรวจปุ่มด้วยโปรแกรมอ่านหน้าจอ
FixReports ตรวจพบอย่างไร
การสแกนของเราเรียกใช้กฎ button-name ของ axe-core ในเบราว์เซอร์ Chrome จริงบนทุกหน้าที่ทดสอบ และรายงานองค์ประกอบที่ไม่ผ่านแต่ละรายการพร้อมหน้าที่พบ markup และภาพหน้าจอในกรณีที่มี
การทดสอบอัตโนมัติยืนยันได้ว่าปัญหานี้มีอยู่จริง แต่บอกไม่ได้ว่าส่วนอื่นของหน้าเข้าถึงได้หรือไม่ อุปสรรคบางอย่างจะปรากฏก็ต่อเมื่อมีคนตรวจหน้านั้นเท่านั้น