WCAG 2.5.8 · লেভেল AA

সব টাচ টার্গেট 24px বড় হতে হবে, অথবা চারপাশে যথেষ্ট জায়গা রাখতে হবে

কিছু ট্যাপ টার্গেট 24 × 24 পিক্সেলের চেয়ে ছোট এবং একটি আরেকটির খুব কাছে, ফলে ফোনে সেগুলোতে ঠিকমতো ট্যাপ করা কঠিন।

এই নিয়ম কী যাচাই করে

নিশ্চিত করে যে টাচ টার্গেটগুলোর আকার ও চারপাশের জায়গা যথেষ্ট.

কেন এটি গুরুত্বপূর্ণ

WCAG 2.5.8 (WCAG 2.2-এ নতুন) অনুযায়ী টার্গেট অন্তত 24×24 CSS পিক্সেল হতে হবে, অথবা চারপাশে যথেষ্ট ফাঁকা জায়গা থাকতে হবে।

কীভাবে ঠিক করবেন

  1. padding বা min-width/min-height দিয়ে ছোট লিংক ও বাটনের ক্লিকযোগ্য জায়গা বাড়ান, অথবা এগুলোর মধ্যে ফাঁকা জায়গা রাখুন।

সংশোধন কীভাবে যাচাই করবেন

  • আবার স্ক্যান করুন, তারপর ফোনে কন্ট্রোলগুলো ব্যবহার করে দেখুন।

FixReports কীভাবে এটি খুঁজে পায়

আমাদের স্ক্যান যে পেজই পরীক্ষা করে, সেখানে একটি আসল Chrome ব্রাউজারে axe-core-এর target-size নিয়মটি চালায়, এবং প্রতিটি ব্যর্থ এলিমেন্ট তার পেজ, মার্কআপ এবং প্রযোজ্য হলে একটি স্ক্রিনশটসহ জানায়।

একটি স্বয়ংক্রিয় পরীক্ষা নিশ্চিত করে যে এই নির্দিষ্ট সমস্যাটি আছে। পেজের বাকি অংশ অ্যাক্সেসিবল কি না, তা এটি বলতে পারে না: কিছু বাধা কেবল তখনই ধরা পড়ে, যখন একজন মানুষ পেজটি যাচাই করেন।

আজই আপনার ওয়েবসাইট স্ক্যান করুন

খুঁজুন। ঠিক করুন। যাচাই করুন।

এটি কোন ধরনের ওয়েবসাইট?

আপনার উত্তর সঠিক পরীক্ষাগুলো বেছে নেয়, যেমন অনলাইন স্টোরের জন্য কেনাকাটার যাত্রা। আমরা তবুও সাইটের নিজস্ব প্রমাণ যাচাই করি এবং দুটোই দেখাই।

এটি কোন ধরনের ওয়েবসাইট?

ফ্রি স্ক্যান। ক্রেডিট কার্ডের দরকার নেই।