# องค์ประกอบ <html> ต้องมีแอตทริบิวต์ lang

<https://www.fixreports.com/th/issues/html-has-lang>

WCAG 3.1.1 Language of Page · ระดับ A

หน้านี้ไม่ได้ประกาศภาษา โปรแกรมอ่านหน้าจอจึงอาจออกเสียงผิด

## กฎนี้ตรวจอะไร
ตรวจให้แน่ใจว่าเอกสาร HTML ทุกฉบับมีแอตทริบิวต์ lang.

## ทำไมจึงสำคัญ
WCAG 3.1.1 กำหนดให้ต้องตั้งค่าภาษาของหน้า

## วิธีแก้ไข
### บนเว็บไซต์ทุกประเภท
1. เพิ่มแอตทริบิวต์ lang ให้องค์ประกอบ <html> เช่น <html lang="en">

### บน Shopify
1. ใน layout/theme.liquid ตรวจให้แน่ใจว่าแท็กเปิดเป็น <html lang="{{ request.locale.iso_code }}">

### บน WooCommerce และ WordPress
1. เพิ่มแอตทริบิวต์ lang ให้องค์ประกอบ <html> เช่น <html lang="en">

## วิธีตรวจสอบการแก้ไข
- สแกนอีกครั้งและยืนยันว่า html-has-lang ผ่าน

## แหล่งที่มา
- เอกสารกฎของ axe-core (Deque): https://dequeuniversity.com/rules/axe/4.13/html-has-lang
- ทำความเข้าใจ WCAG 3.1.1 (W3C): https://www.w3.org/WAI/WCAG22/Understanding/language-of-page