ব্রাউজার জুম লেভেল টেস্টার
৫০%-৮০০% জুম লেভেলে রিফ্লো পরীক্ষা করুন, লাইভ ইফেক্টিভ-উইডথ ক্যালকুলেটর ও WCAG 1.4.10 এর ৩২০px মানদণ্ডের বিপরীতে স্বয়ংক্রিয় পাস/ফেল ওভারফ্লো শনাক্তকরণসহ।
🔒 এই টুলটি সম্পূর্ণভাবে আপনার ব্রাউজারে চলে। আপনার ফাইল কখনও সার্ভারে আপলোড করা হয় না।
একটি নমুনা লেআউটকে সেই জুম লেভেলে প্রকৃত ব্রাউজারের একই "ইফেক্টিভ CSS প্রস্থ"-এ রিসাইজ করে সিমুলেট করে — একটি কাছাকাছি অনুমান, আপনার প্রকৃত ব্রাউজারের রেন্ডারিং ইঞ্জিন নয়। সবসময় আপনার সাইটে ব্রাউজারের নিজস্ব জুম দিয়ে নিশ্চিত করুন।
100%
আমাদের স্টোরে স্বাগতম
সিমুলেটেড জুম লেভেল পরিবর্তনের সাথে টেক্সট কীভাবে রিফ্লো ও র্যাপ হয় তা দেখতে একটি সংক্ষিপ্ত অনুচ্ছেদ।
কীভাবে ব্যবহার করবেন
- একটি ব্রাউজার উইন্ডো প্রস্থ বেছে নিন (1280px স্ট্যান্ডার্ড WCAG 1.4.10 রেফারেন্স পয়েন্টের সাথে মেলে)।
- জুম স্লাইডার টানুন বা 50% থেকে 800% পর্যন্ত একটি প্রিসেটে ক্লিক করুন — ইফেক্টিভ CSS প্রস্থ লাইভ আপডেট হয়।
- পাস/ফেল ব্যাজগুলো দেখুন: আপনি 320px WCAG মানদণ্ডে পৌঁছেছেন কিনা, এবং সেই প্রস্থে নমুনা লেআউটে অনুভূমিক স্ক্রলিং প্রয়োজন কিনা।
- একটি ফিক্সড-উইডথ এলিমেন্ট কীভাবে রিফ্লো ভাঙে ও চেক ফেল করে তা দেখতে "ফিক্সড-উইডথ (সাধারণ ভুল)" মোডে সুইচ করুন।
- আপনার নিজের সাইটে একই বোধ ব্যবহার করুন, তারপর সঠিক ফলাফলের জন্য প্রকৃত ব্রাউজার জুম দিয়ে যাচাই করুন।
FAQ
এটি কি আসলেই আমার ব্রাউজার জুম করে?
না — এটি একটি নমুনা লেআউটকে সেই উইন্ডো প্রস্থ ও জুম লেভেলে প্রকৃত ব্রাউজারের একই "ইফেক্টিভ CSS প্রস্থ"-এ রিসাইজ করে, তারপর প্রকৃত অনুভূমিক ওভারফ্লো পরীক্ষা করে। এটি একটি কাছাকাছি অনুমান, আপনার প্রকৃত ব্রাউজারের রেন্ডারিং ইঞ্জিন নয়। আপনার নিজের সাইটের জন্য সবসময় আপনার প্রকৃত ব্রাউজারের Ctrl/Cmd + "+" জুম দিয়ে নিশ্চিত করুন।
WCAG নির্দিষ্টভাবে 400% জুম নিয়ে কেন চিন্তিত?
WCAG 2.1 সাফল্য মানদণ্ড 1.4.10 (রিফ্লো) দাবি করে যে কন্টেন্ট 320 CSS পিক্সেলের ইফেক্টিভ প্রস্থে অনুভূমিক স্ক্রলিং ছাড়াই একক কলামে রিফ্লো করবে — এটি 1280px-প্রস্থের ব্রাউজার উইন্ডো 400% জুম করলে যে প্রস্থ পাওয়া যায়, তাই 1280px ও 400% স্ট্যান্ডার্ড রেফারেন্স পয়েন্ট।
"ইফেক্টিভ প্রস্থ" কী এবং এটি কীভাবে গণনা করা হয়?
ইফেক্টিভ প্রস্থ হলো ব্রাউজার উইন্ডো প্রস্থকে জুম শতাংশ দিয়ে ভাগ করা (যেমন 1280px ÷ 400% = 320px)। এটি প্রতিনিধিত্ব করে জুম প্রয়োগের পর আপনার লেআউটের কতটা CSS পিক্সেল স্পেস আছে — প্রকৃত ব্রাউজার আপনার CSS-কে যে সংখ্যা রিপোর্ট করবে তাই।
উচ্চ জুমে সাধারণত কী লেআউট সমস্যা দেখা দেয়?
ফিক্সড-উইডথ কনটেইনার অনুভূমিক স্ক্রল সৃষ্টি করা, ওভারল্যাপিং নেভিগেশন আইটেম, টেক্সট যা তার কনটেইনার থেকে ওভারফ্লো করে, এবং বাটন বা কার্ড যা কাটা পড়ে — এগুলো সবচেয়ে সাধারণ সমস্যা যা জুম 150-200% পার হওয়ার পরই দেখা দেয়। ঠিক কীভাবে এই ব্যর্থতা দেখায় তা দেখতে এই টুলটিকে "ফিক্সড-উইডথ (সাধারণ ভুল)" মোডে সুইচ করুন।
জুম করলে কি সত্যিই CSS পিক্সেল ভিউপোর্ট সংকুচিত হয়?
হ্যাঁ। জুম বাড়ার সাথে সাথে ব্রাউজারের প্রকৃত উইন্ডো প্রস্থ CSS পিক্সেলে সংকুচিত হয় — এই টুলটি ইফেক্টিভ প্রস্থ গণনা করে যে প্রক্রিয়া সিমুলেট করে, এবং এই কারণেই ফিক্সড পিক্সেল প্রস্থে তৈরি একটি পেজ 400%-এর আগেই অনুভূমিকভাবে ওভারফ্লো শুরু করতে পারে।
আমরা কীভাবে তুলনামূলক
| ফিচার | Online Tool Store | রিফ্লো-কেন্দ্রিক টেস্টার | URL ডিভাইস-প্রিভিউ টুল |
|---|---|---|---|
| ইফেক্টিভ-প্রস্থ ক্যালকুলেটর (উইন্ডো প্রস্থ ÷ জুম %) | ✓ | ✓ | ✗ |
| লাইভ অনুভূমিক-ওভারফ্লো পাস/ফেল চেক | ✓ | ✓ | ✗ |
| 800% পর্যন্ত জুম প্রিসেট লাইভ রিফ্লোসহ | ✓ | ✓ | ✗ |
| কোনো বহিরাগত URL/এম্বেডিং প্রয়োজন নেই (তাৎক্ষণিকভাবে কাজ করে, কোনো X-Frame-Options ব্লক নেই) | ✓ | ✓ | ✗ |
প্রকৃত ব্রাউজার ডেভ টুল খোলা ও আপনার লাইভ পেজ জুম করার আগে একটি দ্রুত স্ক্রিনিং ধাপ।