แนวปฏิบัติที่ดีด้านการเข้าถึง

ระดับหัวข้อควรเพิ่มขึ้นทีละ 1 ระดับเท่านั้น

ระดับหัวข้อข้ามขั้น (เช่น จาก H2 ไป H4) ทำให้ผู้ใช้โปรแกรมอ่านหน้าจอสับสนกับโครงสร้างหน้า

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

ตรวจให้แน่ใจว่าลำดับของหัวข้อถูกต้องตามความหมาย.

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

ผู้ใช้โปรแกรมอ่านหน้าจอใช้หัวข้อในการไปยังส่วนต่าง ๆ ของหน้า นี่เป็นแนวปฏิบัติที่ดีที่สนับสนุน WCAG 1.3.1

กฎนี้เป็นแนวปฏิบัติที่แนะนำ การไม่ผ่านกฎนี้เพียงอย่างเดียวไม่ถือเป็นการไม่ผ่าน WCAG รายงานของเราจึงแสดงแยกจากข้อที่ไม่ผ่าน WCAG

วิธีแก้ไข

  1. ปรับระดับหัวข้อในส่วนที่ได้รับผลกระทบให้เรียงตามลำดับโดยไม่ข้ามขั้น
  2. เปลี่ยนเฉพาะแท็ก ไม่ต้องเปลี่ยนรูปลักษณ์ (ใช้คลาส CSS กำหนดขนาด)

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

  • สแกนอีกครั้ง และตรวจโครงร่างหัวข้อด้วยส่วนขยายเบราว์เซอร์ เช่น HeadingsMap

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

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

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

สแกนเว็บไซต์ของคุณวันนี้

ค้นหา แก้ไข ตรวจยืนยัน

เว็บไซต์นี้เป็นประเภทใด

คำตอบของคุณจะเลือกการตรวจที่เหมาะสม เช่น เส้นทางการซื้อสำหรับร้านค้าออนไลน์ เรายังตรวจหลักฐานจากตัวเว็บไซต์เองและแสดงทั้งสองอย่าง

เว็บไซต์นี้เป็นประเภทใด

สแกนฟรี ไม่ต้องใช้บัตรเครดิต