ট্যাপ টার্গেট হল একটি ওয়েব পৃষ্ঠার ক্ষেত্র যা স্পর্শ ডিভাইসে ব্যবহারকারীরা ইন্টারঅ্যাক্ট করতে পারে। বোতাম, লিঙ্ক, এবং ফর্ম উপাদান সব ট্যাপ লক্ষ্য আছে.
অনেক সার্চ ইঞ্জিন পৃষ্ঠাগুলি কতটা মোবাইল-বান্ধব তার উপর ভিত্তি করে র্যাঙ্ক করে। ট্যাপ টার্গেটগুলি যথেষ্ট বড় এবং একে অপরের থেকে যথেষ্ট দূরে রয়েছে তা নিশ্চিত করা আপনার পৃষ্ঠাটিকে আরও মোবাইল-বন্ধুত্বপূর্ণ এবং অ্যাক্সেসযোগ্য করে তোলে৷
কিভাবে Lighthouse ট্যাপ লক্ষ্য নিরীক্ষা ব্যর্থ হয়
লাইটহাউস ট্যাপ টার্গেট সহ পৃষ্ঠাগুলিকে পতাকা দেয় যা এই উভয় শর্ত পূরণ করে:
- লক্ষ্য 48 px x 48 px এর চেয়ে ছোট।
- লক্ষ্যের কেন্দ্রের 48 পিক্সেলের মধ্যে কমপক্ষে 25% লক্ষ্য এলাকা অন্য লক্ষ্যের সাথে ওভারল্যাপ করে।
অডিট ব্যর্থ হলে, লাইটহাউস তিনটি কলাম সহ একটি টেবিলে ফলাফল তালিকাভুক্ত করে:
| লক্ষ্য আলতো চাপুন | ট্যাপ টার্গেট যা অনুপযুক্ত আকারের। |
| আকার | পিক্সেলে লক্ষ্যের আবদ্ধ আয়তক্ষেত্রের আকার। |
| ওভারল্যাপিং টার্গেট | অন্য কোন ট্যাপ টার্গেট, যদি থাকে, খুব কাছাকাছি। |
কিভাবে আপনার ট্যাপ টার্গেট ঠিক করবেন
বিকল্প 1: ট্যাপ টার্গেটের আকার বাড়ান যা খুব ছোট। 48 পিক্সেল বাই 48 পিক্সেল ট্যাপ টার্গেটগুলি কখনই অডিটে ব্যর্থ হয় না। যদি আপনার কাছে এমন উপাদান থাকে যা কোন বড় দেখায় না (উদাহরণস্বরূপ, আইকন), padding বৈশিষ্ট্য বাড়ানোর চেষ্টা করুন:
padding ব্যবহার করুন৷ বিকল্প 2: margin মতো বৈশিষ্ট্যগুলি ব্যবহার করে খুব কাছাকাছি থাকা ট্যাপ লক্ষ্যগুলির মধ্যে ব্যবধান বাড়ান৷ ট্যাপ লক্ষ্যগুলির মধ্যে 8 পিক্স একটি ভাল সূচনা বিন্দু, কিন্তু বিশেষ করে খুব ছোট লক্ষ্যগুলির জন্য অডিট পাস করার জন্য সর্বদা পর্যাপ্ত ব্যবধান নয়।
সম্পদ
- অ্যাক্সেসযোগ্য ট্যাপ টার্গেট : আপনার ট্যাপ টার্গেটগুলি সমস্ত ব্যবহারকারীর দ্বারা অ্যাক্সেসযোগ্য তা নিশ্চিত করার বিষয়ে আরও তথ্য।
- ট্যাপ টার্গেটের জন্য সোর্স কোড সঠিকভাবে অডিট করা হয় না