এক্সেসেবল করার জন্য ডিজাইন খারাপ করার প্রয়োজন নেই

আপনার ডিজাইন অ্যাকসেসেবল কিনা তা নিশ্চিত করার জন্য Web Content Accessibility Guidelines(WCAG) সুপারিশ করে যে ১৮ পিক্সেল এর নিচের টেক্সটগুলোর যেন ব্যাকগ্রাউন্ডের সাথে কন্ট্রাস্ট নিম্নপক্ষে ৪ঃ৫ঃ১ হয় এবং বড় টেক্সটের কন্ট্রাস্ট কমপক্ষে ৩ঃ১ হয়।

সাধারনত কালো বা সাদা ব্যাকগ্রাউন্ডে এই প্রক্রিয়াটি মেইনটেইন করা অনেক সহজ কিন্তু এটি কঠিন হয়ে যায় যখন আপনি রঙিন ব্যাকগ্রাউন্ডে কাজ করবেন।

কন্ট্রাস্ট ফ্লিপ করুন

যখন আপনি রঙিন ব্যাকগ্রাউন্ডে সাদা টেক্সট ব্যবহার করবেন তখন আপনি দেখে অবাক হবেন যে ৪ঃ৫ঃ১ কন্ট্রাস্ট অনুপাত মেইন্টেইন করতে অধিকাংশ সময়ই ব্যাকগ্রাউন্ড কালারটি কতটা গাড় প্রয়োজন হবে।

কিন্তু এই গাঢ় কালারটি হায়ারার্কি সমস্যা সৃষ্টি করবে। যখন কিনা এলিমেন্টগুলো বেশী গুরুত্বপূর্ণ হবেনা। কেননা গাঢ় ব্যাকগ্রাউন্ড স্বভাবতই ইউজারের মনোযোগ বেশি আকর্ষণ করে।

কন্ট্রাস্ট ফ্লিপ করে এই সমস্যার সমাধান করা যায়। আপনি গাঢ় ব্যাকগ্রাউন্ডে হালকা টেক্সট ব্যবহার না করে বরং হালকা ব্যাকগ্রাউন্ডে গাঢ় টেক্সট ব্যবহার করতে পারেন। এতে হায়ারার্কি এবং এক্সেসেবিলিটি দুইটাই ঠিক থাকে।

রঙিন ব্যাকগ্রাউন্ডে সাদা টেক্সট দিয়ে ডিজাইন করলে, টেক্সট এবং ব্যাকগ্রাউন্ডের মধ্যে ভালো কন্ট্রাস্ট থাকে। কিন্তু রঙিন ব্যাকগ্রাউন্ডে রঙিন টেক্সট দিয়ে ডিজাইন করলে, টেক্সট এবং ব্যাকগ্রাউন্ডের মধ্যে কন্ট্রাস্ট কমে যায়।

তাই, রঙিন ব্যাকগ্রাউন্ডে রঙিন টেক্সট দিয়ে ডিজাইন করার সময়, টেক্সটের রঙ এবং স্যাচুরেশন খুব সাবধানে নির্বাচন করতে হবে। টেক্সটের রঙ ব্যাকগ্রাউন্ডের রঙের থেকে যথেষ্ট আলাদা হওয়া উচিত।

কিন্তু প্রাইমারি ও সেকেন্ডারি টেক্সটকে একই রকম দেখতে লাগুক তা ডিজাইনার হিসেবে আমাদের কখনোই কাম্য নয়। এরকম পরিস্থিতিতে আপনি কি করতে পারেন? যেহেতু কিছু কালার অন্য কালারের তুলনায় উজ্জ্বল তাই সাদার কাছাকাছি না গিয়ে কন্ট্রাস্ট বাড়ানোর জন্য কালার হুইলে হিউকে সায়ান, ম্যাজেন্টা বা হলুদের মত উজ্জ্বল রঙের দিকে ঘুরিয়ে দিন।

রঙিন ব্যাকগ্রাউন্ডে রঙিন টেক্সট দিয়ে ডিজাইন করার সময়, নিচের টিপসগুলো অনুসরণ করতে পারেন:

• টেক্সটের রঙ এবং স্যাচুরেশন নির্বাচন করার সময়, ব্যাকগ্রাউন্ডের রঙের সাথে কন্ট্রাস্ট বিবেচনা করুন। টেক্সটের রঙ ব্যাকগ্রাউন্ডের রঙের থেকে যথেষ্ট আলাদা হওয়া উচিত।
• টেক্সটের আকার বড় রাখুন। আকার বড় হলে, টেক্সট পড়া সহজ হবে।
• টেক্সটের ফন্ট নির্বাচন করার সময়, স্পেসিং ভালো রাখুন। স্পেসিং ভালো থাকলে, টেক্সট পড়া সহজ হবে।
• টেক্সটের ব্যাকগ্রাউন্ড ব্যবহার করুন। টেক্সটের চারপাশে সাদা বা অন্য কোনো হালকা রঙের ব্যাকগ্রাউন্ড ব্যবহার করলে, টেক্সট পড়া সহজ হবে।

এই পদ্ধতিটি টেক্সটকে রঙিন করে তোলে আবার এক্সেসিবিলিটি ও ধরে রাখে।