กฎนี้ตรวจอะไร
ตรวจให้แน่ใจว่าเอกสาร HTML ทุกฉบับมีแอตทริบิวต์ lang.
ทำไมจึงสำคัญ
WCAG 3.1.1 กำหนดให้ต้องตั้งค่าภาษาของหน้า
วิธีแก้ไข
บนเว็บไซต์ทุกประเภท
- เพิ่มแอตทริบิวต์ lang ให้องค์ประกอบ <html> เช่น <html lang="en">
บน Shopify
- ใน layout/theme.liquid ตรวจให้แน่ใจว่าแท็กเปิดเป็น <html lang="{{ request.locale.iso_code }}">
วิธีตรวจสอบการแก้ไข
- สแกนอีกครั้งและยืนยันว่า html-has-lang ผ่าน
FixReports ตรวจพบอย่างไร
การสแกนของเราเรียกใช้กฎ html-has-lang ของ axe-core ในเบราว์เซอร์ Chrome จริงบนทุกหน้าที่ทดสอบ และรายงานองค์ประกอบที่ไม่ผ่านแต่ละรายการพร้อมหน้าที่พบ markup และภาพหน้าจอในกรณีที่มี
การทดสอบอัตโนมัติยืนยันได้ว่าปัญหานี้มีอยู่จริง แต่บอกไม่ได้ว่าส่วนอื่นของหน้าเข้าถึงได้หรือไม่ อุปสรรคบางอย่างจะปรากฏก็ต่อเมื่อมีคนตรวจหน้านั้นเท่านั้น