ما الذي تفحصه هذه القاعدة
يتحقق من أن <meta name="viewport"> لا يعطّل تكبير النص وتكبير الصفحة.
لماذا يهم ذلك
يتطلب معيار WCAG 1.4.4 أن يكون النص قابلًا للتكبير حتى 200%.
كيف تصلحها
في أي موقع
- أزل maximum-scale وuser-scalable=no من وسم meta الخاص بـ viewport.
في Shopify
- في layout/theme.liquid، أزل maximum-scale=1 وuser-scalable=no من وسم meta الخاص بـ viewport.
كيف تتحقق من الإصلاح
- كبّر الصفحة بإصبعين على الهاتف للتأكد من أن التكبير يعمل.
كيف يكتشفها FixReports
يشغّل فحصنا قاعدة axe-core meta-viewport في متصفح Chrome حقيقي على كل صفحة يختبرها، ويبلّغ عن كل عنصر لا يجتازها مع صفحته وترميزه، ومع لقطة شاشة حيثما ينطبق ذلك.
يؤكد الاختبار الآلي وجود هذه المشكلة بعينها، لكنه لا يستطيع أن يحكم على إمكانية الوصول في بقية الصفحة: فبعض العوائق لا تظهر إلا عندما يفحص شخصٌ الصفحة بنفسه.