DevTools টিপস: কম কনট্রাস্ট টেক্সট আবিষ্কার করুন এবং ঠিক করুন

সোফিয়া ইমেলিয়ানোভা
Sofia Emelianova

কম কনট্রাস্ট টেক্সট হল ওয়েবে শীর্ষ অ্যাক্সেসযোগ্যতার সমস্যা। 2022 সালের ফেব্রুয়ারিতে, শীর্ষ মিলিয়ন হোম পেজের 83.9% এই সমস্যাটি ছিল। আরও জানতে WebAIM মিলিয়ন 2022 রিপোর্ট দেখুন।

Chrome DevTools আপনাকে এক নজরে সমস্ত বৈসাদৃশ্য সমস্যাগুলি আবিষ্কার করতে দেয় এবং বোতামে ক্লিক করে সেগুলি ঠিক করতে দেয়৷

কীভাবে করবেন তা জানতে ভিডিওটি দেখুন:

  • ইন্সপেক্টর মোডের টুলটিপে বৈসাদৃশ্য অনুপাত এবং কালার পিকারে প্রস্তাবিত অনুপাতের মানগুলি দেখুন।

    বৈসাদৃশ্য অনুপাত বিকল্প রঙের অনুপাত পরিমাপ করার জন্য একটি রঙ চয়নকারী সহ একটি টুলটিপে উপলব্ধ। রেশনের AA এবং AAA গ্রেডিং পাওয়া যায়।

  • কালার পিকারে , প্রস্তাবিত রং নির্বাচন করুন বা WebAIM নির্দেশিকা মেনে চলার জন্য কনট্রাস্ট রেশিও লাইনের নিচে একটি রঙ বেছে নিন।

    প্রস্তাবিত বৈসাদৃশ্য অনুপাত রেখাগুলি কালার পিকারের শেড প্রিভিউতে উপলব্ধ।

  • CSS ওভারভিউ এবং (প্রিভিউ) ইস্যু প্যানেলে সমস্ত বৈসাদৃশ্যের সমস্যা খুঁজুন।

    CSS ওভারভিউ প্যানেল এবং সমস্যা ট্যাবে কন্ট্রাস্ট সমস্যাগুলি তালিকাভুক্ত।

  • আপনার সমস্ত ব্যবহারকারীদের জন্য আপনার পৃষ্ঠাটি কেমন তা বোঝার জন্য দৃষ্টি ঘাটতিগুলি অনুকরণ করুন৷

    রেন্ডারিং ট্যাবে অস্পষ্ট দৃষ্টি নির্বাচন করা হয়েছে এবং ভিউপোর্টে অনুকরণ করা হয়েছে।

আরও হাতে-কলমে শেখার অভিজ্ঞতার জন্য, আপনার ওয়েবসাইটটিকে আরও পাঠযোগ্য করুন টিউটোরিয়াল দেখুন।

আরও জানতে, দেখুন: