กฎนี้ตรวจอะไร
ตรวจให้แน่ใจว่า <meta name="viewport"> ไม่ได้ปิดการขยายข้อความและการซูม.
ทำไมจึงสำคัญ
WCAG 1.4.4 กำหนดให้ปรับขนาดข้อความได้ถึง 200%
วิธีแก้ไข
บนเว็บไซต์ทุกประเภท
- นำ maximum-scale และ user-scalable=no ออกจากเมตาแท็ก viewport
บน Shopify
- ใน layout/theme.liquid ให้นำ maximum-scale=1 และ user-scalable=no ออกจากเมตาแท็ก viewport
วิธีตรวจสอบการแก้ไข
- ลองซูมด้วยสองนิ้วบนโทรศัพท์เพื่อยืนยันว่าซูมได้
FixReports ตรวจพบอย่างไร
การสแกนของเราเรียกใช้กฎ meta-viewport ของ axe-core ในเบราว์เซอร์ Chrome จริงบนทุกหน้าที่ทดสอบ และรายงานองค์ประกอบที่ไม่ผ่านแต่ละรายการพร้อมหน้าที่พบ markup และภาพหน้าจอในกรณีที่มี
การทดสอบอัตโนมัติยืนยันได้ว่าปัญหานี้มีอยู่จริง แต่บอกไม่ได้ว่าส่วนอื่นของหน้าเข้าถึงได้หรือไม่ อุปสรรคบางอย่างจะปรากฏก็ต่อเมื่อมีคนตรวจหน้านั้นเท่านั้น