# เนื้อหาทั้งหมดของหน้าควรอยู่ภายในแลนด์มาร์ก

<https://www.fixreports.com/th/issues/region>

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

เนื้อหาบางส่วนไม่ได้อยู่ภายในแลนด์มาร์กของหน้า (header, nav, main หรือ footer)

## กฎนี้ตรวจอะไร
ตรวจให้แน่ใจว่าเนื้อหาทั้งหมดของหน้าอยู่ภายในแลนด์มาร์ก.

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

## วิธีแก้ไข
### บนเว็บไซต์ทุกประเภท
1. ครอบเนื้อหาที่อยู่นอกแลนด์มาร์ก (แถบประกาศ ป๊อปอัป วิดเจ็ตแชต) ด้วยแลนด์มาร์กที่เหมาะสม หรือย้ายไปไว้ใน <main>

### บน Shopify
1. ครอบเนื้อหาที่อยู่นอกแลนด์มาร์ก (แถบประกาศ ป๊อปอัป วิดเจ็ตแชต) ด้วยแลนด์มาร์กที่เหมาะสม หรือย้ายไปไว้ใน <main>

### บน WooCommerce และ WordPress
1. ครอบเนื้อหาที่อยู่นอกแลนด์มาร์ก (แถบประกาศ ป๊อปอัป วิดเจ็ตแชต) ด้วยแลนด์มาร์กที่เหมาะสม หรือย้ายไปไว้ใน <main>

## วิธีตรวจสอบการแก้ไข
- สแกนหน้าที่ได้รับผลกระทบอีกครั้ง

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