กฎนี้ตรวจอะไร
ตรวจให้แน่ใจว่าเอกสารมีแลนด์มาร์ก main.
ทำไมจึงสำคัญ
แนวปฏิบัติที่ดีที่สนับสนุน WCAG 1.3.1 และ 2.4.1
กฎนี้เป็นแนวปฏิบัติที่แนะนำ การไม่ผ่านกฎนี้เพียงอย่างเดียวไม่ถือเป็นการไม่ผ่าน WCAG รายงานของเราจึงแสดงแยกจากข้อที่ไม่ผ่าน WCAG
วิธีแก้ไข
- ครอบเนื้อหาหลักของหน้าด้วยองค์ประกอบ <main> เพียงองค์ประกอบเดียว ใน Shopify ไฟล์ layout/theme.liquid มักครอบ {{ content_for_layout }} ด้วย <main>
วิธีตรวจสอบการแก้ไข
- สแกนหน้าที่ได้รับผลกระทบอีกครั้ง
FixReports ตรวจพบอย่างไร
การสแกนของเราเรียกใช้กฎ landmark-one-main ของ axe-core ในเบราว์เซอร์ Chrome จริงบนทุกหน้าที่ทดสอบ และรายงานองค์ประกอบที่ไม่ผ่านแต่ละรายการพร้อมหน้าที่พบ markup และภาพหน้าจอในกรณีที่มี
การทดสอบอัตโนมัติยืนยันได้ว่าปัญหานี้มีอยู่จริง แต่บอกไม่ได้ว่าส่วนอื่นของหน้าเข้าถึงได้หรือไม่ อุปสรรคบางอย่างจะปรากฏก็ต่อเมื่อมีคนตรวจหน้านั้นเท่านั้น