กฎนี้ตรวจอะไร
ตรวจให้แน่ใจว่าค่าแอตทริบิวต์ id ทุกค่าที่ใช้ใน ARIA และในป้ายกำกับไม่ซ้ำกัน.
ทำไมจึงสำคัญ
ป้ายกำกับและคำอธิบายอ้างอิงองค์ประกอบด้วย id หาก id ซ้ำกัน การเชื่อมโยงนั้นจะเสีย (WCAG 4.1.2)
วิธีแก้ไข
- กำหนด id ที่ไม่ซ้ำให้แต่ละองค์ประกอบ และอัปเดตแอตทริบิวต์ที่อ้างอิง id นั้น (for aria-labelledby aria-describedby)
- ในเซกชันของ Shopify ให้เพิ่ม {{ section.id }} ลงใน id เพื่อให้เซกชันที่ใช้ซ้ำยังมี id ไม่ซ้ำกัน
วิธีตรวจสอบการแก้ไข
- สแกนอีกครั้งและยืนยันว่ากฎ duplicate-id ผ่าน
FixReports ตรวจพบอย่างไร
การสแกนของเราเรียกใช้กฎ duplicate-id-aria ของ axe-core ในเบราว์เซอร์ Chrome จริงบนทุกหน้าที่ทดสอบ และรายงานองค์ประกอบที่ไม่ผ่านแต่ละรายการพร้อมหน้าที่พบ markup และภาพหน้าจอในกรณีที่มี
การทดสอบอัตโนมัติยืนยันได้ว่าปัญหานี้มีอยู่จริง แต่บอกไม่ได้ว่าส่วนอื่นของหน้าเข้าถึงได้หรือไม่ อุปสรรคบางอย่างจะปรากฏก็ต่อเมื่อมีคนตรวจหน้านั้นเท่านั้น