অ্যাপ ইন্টারফেসের জন্য আপনি যেসব কালার বেছে নেন সেটি ব্যবহারকারী কত ভালোভাবে পড়তে এবং বুঝতে পারবেন তার উপর প্রভাব ফেলে। পর্যাপ্ত কালার কনস্ট্রাস্ট টেক্সট এবং ছবি সহজে পড়তে ও বুঝতে সাহায্য করে।
পর্যাপ্ত কালার কনট্রাস্ট থাকলে বিভিন্ন ধরনের দৃষ্টিশক্তির সমস্যা আছে এমন ব্যবহারকারীদের সুবিধা প্রদান করার সাথে সাথে সরাসরি সূর্যের আলো পড়াকালীন বা কম উজ্জ্বল ডিসপ্লেতে কন্টেন্ট দেখতে সব ব্যবহারকারীদের সুবিধা হয়।
প্রয়োগ
কোনও অ্যাপের ইউজার ইন্টারফেস প্রয়োগ করার সময়, পর্যাপ্ত কালার কনট্রাস্টের সাথে ব্যাকগ্রাউন্ড এবং ফোরগ্রাউন্ডের কালার নির্দিষ্ট করে দিন।
"কনট্রাস্ট রেশিও" হল কোনও ডিসপ্লেতে পাশাপাশি থাকা দুটি কালারের উজ্জ্বলতার হার বা নির্গত হওয়া আলোর তীব্রতার পার্থক্য সংক্রান্ত গণনা। এই রেশিওর রেঞ্জ হল ১ থেকে ২১ (প্রায়শই ১:১ থেকে ২১:১ হিসেবেও লেখা হয়), এর মধ্যে বর্ধিত সংখ্যার মানে হল বেশি মাত্রায় কনট্রাস্ট। পাশাপাশি থাকা দুটি কালারের কনট্রাস্ট রেশিও গণনা করার জন্য প্রচুর টুল উপলভ্য আছে, যেমন কালার কনট্রাস্ট রেশিও ক্যালকুলেটর।
টেক্সট দেখানোর জন্য TextView ব্যবহার করাকালীন, বেশি পরিমাণ কনট্রাস্ট রেশিওর সাথে ব্যাকগ্রাউন্ড এবং ফোরগ্রাউন্ড কালার নির্ধারণ করার জন্য android:textColor এবং android:background ব্যবহার করুন। Compose-এ টেক্সট ব্যবহার করার সময়, বেশি পরিমাণ কনট্রাস্ট রেশিওর সাথে ব্যাকগ্রাউন্ড এবং ফোরগ্রাউন্ড কালার নির্ধারণ করার জন্য, কালার প্যারামিটার এবং Modifier.background ব্যবহার করুন।
- ছোট টেক্সটের (নিচে দেওয়া ১৮ পয়েন্ট রেগুলার বা ১৪ পয়েন্ত বোল্ড) জন্য অন্তত ৪.৫:১
- বড় টেক্সটের (১৮ পয়েন্ট এবং তার বেশি রেগুলার অথবা ১৪ পয়েন্ট বা তার বেশি বোল্ড) জন্য অন্তত ৩.০:১
কালার কনট্রাস্ট সংক্রান্ত নোট:
-
গ্রাফিকাল কন্টেন্ট বা আইকনোগ্রাফি রেন্ডার করার জন্য
ImageViewবাছবিব্যবহার করাকালীন, ফোরগ্রাউন্ড এবং ব্যাকগ্রাউন্ড কালার কনট্রাস্ট যাতে সাজেস্ট করা রেশিওর সমান বা তার বেশি হয় তা ভালো করে দেখে নিন। - অন্য এলিমেন্টের উপর লেয়ার হিসেবে ব্যবহার করা কোনও এলিমেন্টের ফোরগ্রাউন্ড এবং ব্যাকগ্রাউন্ডের আপেক্ষিক কালারের ভিত্তিতে কনট্রাস্ট রেশিও পরিমাপ করা হয়। কোনও ARGB ফর্ম্যাটে (#AARRGGBB-এর হেক্স ভ্যালু) কালার নির্ধারণ করার সময়, মনে রাখবেন যে স্বচ্ছ কালারগুলিতে (যেগুলির আলফা-চ্যানেল ভ্যালু ২৫৫-এর কম) আলাদা আলাদা আপেক্ষিক কালার থাকতে পারে। এর কারণ হল সেগুলির নিচে রেন্ডার করা কন্টেন্টের সাথে মেশানো।
- ফন্ট স্মুদিং এবং অ্যান্টি-অ্যালিয়াসিং কিছু কন্টেন্টের আপেক্ষিক কালারের উপর প্রভাব ফেলতে পারে, বিশেষ করে লো স্ট্রোক উইডথ আছে এমন কন্টেন্টের ক্ষেত্রে। রিডেবিলিটি উন্নত করার জন্য, বেশি ভালো কনট্রাস্ট রেশিও সহ কালার কম্বিনেশন বেছে নিন বা কন্টেন্টের স্ট্রোক উইডথ বাড়ান।
ডিজাইন
ইউজার ইন্টারফেস ডিজাইন করার সময়, সংলগ্ন কালারের জন্য পর্যাপ্ত কালার কনট্রাস্ট আছে এমন প্যালেট বেছে নেওয়ার কথা বিবেচনা করুন।
- টেক্সট ও আইকনোগ্রাফির ক্ষেত্রে, ন্যূনতম কনট্রাস্ট রেশিওর জন্য W3C নির্দেশিকা অনুসরণ করুন
- বিকল্প হিসেবে হাই কনট্রাস্ট থিম অন্তর্ভুক্ত করার বিবেচনা করুন বা প্রাইমারি কন্টেন্টের জন্য ব্যবহারকারীকে কালার বেছে নেওয়ার অনুমতি দিন
আরও তথ্যের জন্য, মেটেরিয়াল ডিজাইন অ্যাক্সেসিবিলিটি কালার এবং কনট্রাস্ট সংক্রান্ত নির্দেশিকা দেখুন।
পরীক্ষা করা
অ্যাপে ম্যানুয়ালি কালার কনট্রাস্ট চেক করতে:
- অ্যাপ খুলুন।
- স্ক্রিনশট ক্যাপচার করুন।
- ছবি দেখা বা এডিট করা সংক্রান্ত সফ্টওয়্যারের মাধ্যমে, স্ক্রিনশট থেকে কালারের আপেক্ষিক নমুনা বের করার জন্য "আইড্রপার টুল" ব্যবহার করুন।
- সংলগ্ন কালারের কনট্রাস্ট রেশিও নির্ধারণ করার জন্য কনট্রাস্ট রেশিও ক্যালকুলেটর ব্যবহার করুন।
- কনট্রাস্ট রেশিও যদি W3C নির্দেশিকায় নির্ধারিত মাত্রার কম হয়, তাহলে বর্ধিত কালার কনট্রাস্টের কারণে ইন্টারফেস দেখতে সুবিধা হতে পারে।
Android-এর অটোমেটিক পরীক্ষা করার টুল কালার কনট্রাস্ট সংক্রান্ত বিভিন্ন ধরনের সমস্যা শনাক্ত করতে পারে। আপনার অন-ডিভাইস অ্যাপ ম্যানুয়াল পরীক্ষা করতে Android-এর জন্য অ্যাক্সেসিবিলিটি স্ক্যানার ব্যবহার করার কথা বিবেচনা করুন। অটোমেটিক পরীক্ষার জন্য, Espresso এবং Robolectric-এ অ্যাক্সেসিবিলিটি চেকিং চালু করুন।