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

<https://www.fixreports.com/th/issues/heading-order>

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

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

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

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

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

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

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

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

## แหล่งที่มา
- เอกสารกฎของ axe-core (Deque): https://dequeuniversity.com/rules/axe/4.13/heading-order