এই নিয়ম কী যাচাই করে
নিশ্চিত করে যে <meta name="viewport"> লেখার আকার বড় করা ও জুম বন্ধ করে না.
কেন এটি গুরুত্বপূর্ণ
WCAG 1.4.4 অনুযায়ী লেখা 200% পর্যন্ত বড় করা যেতে হবে।
কীভাবে ঠিক করবেন
যেকোনো ওয়েবসাইটে
- viewport মেটা ট্যাগ থেকে maximum-scale ও user-scalable=no সরিয়ে দিন।
Shopify-তে
- layout/theme.liquid-এ viewport মেটা ট্যাগ থেকে maximum-scale=1 ও user-scalable=no সরিয়ে দিন।
সংশোধন কীভাবে যাচাই করবেন
- জুম কাজ করে কি না নিশ্চিত হতে ফোনে পিঞ্চ-জুম করে দেখুন।
FixReports কীভাবে এটি খুঁজে পায়
আমাদের স্ক্যান যে পেজই পরীক্ষা করে, সেখানে একটি আসল Chrome ব্রাউজারে axe-core-এর meta-viewport নিয়মটি চালায়, এবং প্রতিটি ব্যর্থ এলিমেন্ট তার পেজ, মার্কআপ এবং প্রযোজ্য হলে একটি স্ক্রিনশটসহ জানায়।
একটি স্বয়ংক্রিয় পরীক্ষা নিশ্চিত করে যে এই নির্দিষ্ট সমস্যাটি আছে। পেজের বাকি অংশ অ্যাক্সেসিবল কি না, তা এটি বলতে পারে না: কিছু বাধা কেবল তখনই ধরা পড়ে, যখন একজন মানুষ পেজটি যাচাই করেন।