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