این قاعده چه چیزی را بررسی می‌کند
بررسی می‌کند که <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 واقعی روی هر صفحه‌ای که تست می‌کند اجرا می‌کند و هر عنصر ردشده را همراه با صفحه، کد HTML آن و در صورت امکان یک اسکرین‌شات گزارش می‌دهد.
تست خودکار وجود همین مشکل مشخص را تأیید می‌کند. اما نمی‌تواند بگوید بقیه صفحه دسترس‌پذیر است یا نه: برخی موانع فقط وقتی آشکار می‌شوند که یک انسان صفحه را بررسی کند.