একটি কোম্পানিতে ডিজিটাল অ্যাক্সেসযোগ্যতার সত্যিকারের সংস্কৃতি গড়ে তোলা হল স্থিতিস্থাপকতা এবং অধ্যবসায়ের একটি মিশন। অ্যাক্সেসযোগ্যতার উপর বক্তৃতাটি সাধারণ ক্লিচের মধ্যে পড়া কঠিন নয়। সহজলভ্যতা মানুষের জন্য খুবই গুরুত্বপূর্ণ। ডিজিটাল পণ্য এবং পরিষেবাগুলির অ্যাক্সেসিবিলিটি অন্তর্ভুক্তির প্রচার করে৷ অথবা এমনকি, টিমের সমস্ত পেশাদারদের অ্যাক্সেসযোগ্যতার কাজে জড়িত হওয়া উচিত। অবশ্যই। তাদের সঠিক মনের কেউ এই বিবৃতিগুলির মধ্যে কোনো বিতর্ক করবে না (আমি আশা করি)। যাইহোক, এই কথোপকথনের দ্বিতীয় অংশ, যা খুব কম সংস্থাই পৌঁছেছে, তা হল "কীভাবে?" ডিজিটাল ট্রান্সফরমেশন টিমের প্রতিদিনের কাজের মধ্যে আমরা কীভাবে এটি ঘটতে পারি, যেগুলি আমরা সবাই জানি, স্ক্রিপ্টের দাবিতে নিমজ্জিত, প্রায়শই খুব সীমিত সংখ্যক লোক উপলব্ধ থাকে? বেশিরভাগ সময়, পছন্দটি "আমরা এটি করি" এবং "ওটি" এর মধ্যে শেষ হয়। এবং এটি উচিত নয়, কারণ, এই ক্ষেত্রে, আমি কখনই এই সমীকরণে অ্যাক্সেসযোগ্যতা জয় করতে দেখিনি। এটা এভাবে হওয়া উচিত নয়। আপনার এইভাবে হওয়ার দরকার নেই। প্রথমত, কারণ অ্যাক্সেসযোগ্যতা এবং অন্য কিছুর মধ্যে নির্বাচন করা সঠিক পছন্দ নয়। অ্যাক্সেসিবিলিটি আর অন্যদের সাথে যোগ করার জন্য আর একটি বৈশিষ্ট্য নয়। এটি ব্যবসার জন্য একটি অতিরিক্ত মূল্য এবং বর্তমানে, একটি আইনি বাধ্যবাধকতা যা কোম্পানিগুলির জন্য গুরুতর পরিণতি হতে পারে। অন্যদিকে, দলগুলির স্বাভাবিক গতিশীলতায় অ্যাক্সেসিবিলিটি নীতিগুলিকে অন্তর্ভুক্ত করার জন্য বুদ্ধিমান, অপ্টিমাইজ করা এবং প্রভাবশালী উপায় রয়েছে৷ টিম ক্রিয়াকলাপগুলিকে উল্টে না দিয়ে অ্যাক্সেসযোগ্যতার উপর কাজ করা সম্ভব। সংক্ষেপে, AccessibilityOps এটিই করে। লোকেদের ক্ষমতায়ন করা এবং দলগুলিকে সহজ প্রক্রিয়াগুলি সরবরাহ করা যাতে তারা অসম পরিশ্রম ছাড়াই তাদের দৈনন্দিন রুটিনে অ্যাক্সেসিবিলিটি কাজকে একীভূত করতে পারে। অ্যাক্সেসিবিলিটি এবং ডিজাইন ডিজাইনে ডিজিটাল অ্যাক্সেসিবিলিটি নিয়ে কাজ করার জন্য বেশ কিছু ক্রিয়া জড়িত থাকতে পারে। এটা স্পষ্ট যে আমাদের রঙের প্রতি বিশেষ মনোযোগ দিতে হবে এবং এটি কীভাবে অর্থ বোঝাতে ব্যবহৃত হয়। অবশ্যই, উপাদানগুলির মিথস্ক্রিয়া মাপ আরামদায়ক হতে হবে। কিন্তু, সবচেয়ে গুরুত্বপূর্ণ, আমাদের অবশ্যই একটি বহুমুখী দৃষ্টিকোণ থেকে নকশা সম্পর্কে চিন্তা করতে হবে। একটি ইন্টারফেস একটি পোস্টার নয়. আমরা সেই ডিজাইনের অনেক দিক নিয়ন্ত্রণ করতে পারি, কিন্তু ব্যবহারকারীরা কীভাবে ইন্টারফেসের সাথে ইন্টারঅ্যাক্ট করে তা অনেকগুলি ভেরিয়েবলের সাপেক্ষে। ডিভাইসের ধরন, প্রসঙ্গ, উদ্দেশ্য, নেটওয়ার্কের গুণমান ইত্যাদি। এই সবই প্রত্যেক ব্যক্তির অভিজ্ঞতা এবং মিথস্ক্রিয়াকে ব্যাপকভাবে প্রভাবিত করে। এই সবের পাশাপাশি, যখন ডিজিটাল অ্যাক্সেসিবিলিটি উদ্বেগগুলি ডিজাইন প্রক্রিয়ার মধ্যে আনা হয়, তখন এটি আরও ভেরিয়েবল যোগ করে।
লোকেরা প্রায়শই ব্যবহার করে যাকে সহায়ক প্রযুক্তি এবং কৌশল বলা হয়। মূলত, এগুলি প্রযুক্তিগত সরঞ্জাম বা, অন্ততপক্ষে, "কৌশল" যা লোকেরা আরও আরামদায়ক ব্যবহারের মডেলগুলি সন্ধান করার জন্য অবলম্বন করে। বিখ্যাত স্ক্রিন রিডার, সাধারণত অন্ধ ব্যক্তিদের ব্যবহারের সাথে যুক্ত (কিন্তু যা শুধুমাত্র তাদের জন্য দরকারী নয়), উদাহরণস্বরূপ, একটি সহায়ক প্রযুক্তি। বিভিন্ন উপাদানের মধ্যে রং বা রঙের বৈপরীত্য পরিবর্তন করাও একটি সহায়ক প্রযুক্তি। ফন্ট সাইজ বাড়ানো (যা আমরা এই লেখায় আলোচনা করেছি) আরেকটি উদাহরণ। অসংখ্য সহায়ক প্রযুক্তি এবং কৌশল রয়েছে। প্রতিটি ব্যক্তির জন্য ব্যবহারের বিভিন্ন প্রেক্ষাপটের মতো প্রায় অনেক। আমরা সবকিছু নিয়ন্ত্রণ করি না অন্য কথায় (এবং এটি আমাদের ডিজাইনারদের জন্য "খারাপ খবর"), ব্যবহারকারীদের দৃষ্টিকোণ থেকে "আমাদের ডিজাইন" বিষয়বস্তু, এমন রূপান্তর যা আমরা নিয়ন্ত্রণ করি না। এটি ব্যবহারকারীর দ্বারা "রূপান্তরিত" হবে, নিশ্চিত করে যে তারা অ্যাপ্লিকেশনটির সাথে যোগাযোগ করতে পারে এবং এটি সম্ভাব্য সবথেকে আরামদায়ক উপায়ে অফার করে। এবং এটি একটি ভাল জিনিস। যদি এটি ঘটে এবং সবকিছু ঠিকঠাক হয়ে যায়, আমরা অবশ্যই আমাদের অ্যাক্সেসযোগ্যতার কাজটি খুব ভালভাবে সম্পন্ন করব এবং আমরা সকলেই অভিনন্দনের যোগ্য। ব্যবহারকারী যদি এই সমর্থন প্রযুক্তি এবং কৌশলগুলির যেকোনো একটি প্রয়োগ করে এবং এখনও ডিজিটাল অ্যাপ্লিকেশনটি ব্যবহার করতে না পারে তবে এটি একটি চিহ্ন যে কিছু এটির মতো কাজ করছে না। ওহ, এবং যা বলছি. এমনকি এই প্রযুক্তিগুলি বা সমর্থন কৌশলগুলির ব্যবহারকে অবরুদ্ধ করার কথা ভাববেন না। তারা আপনার সুন্দর ডিজাইনকে "ধ্বংস" করতে পারে, কিন্তু তারা আরও বেশি সংখ্যক লোককে আসলে অ্যাপটি ব্যবহার করার অনুমতি দিচ্ছে। শেষ পর্যন্ত, আমরা যা করার প্রতিশ্রুতি দিয়েছিলাম তা কি ঠিক ছিল না? (সমস্ত) মানুষের জন্য ডিজাইন. ব্যতিক্রম ছাড়া? হরফের আকার বাড়ান কতবার আমরা কাউকে শুনেছি — বন্ধুবান্ধব, পরিবার, এমনকি সহকর্মীরাও — এই বা ওই লেখাটি খুব ছোট বলে অভিযোগ করতে? ডিজিটাল অভিজ্ঞতায় পাঠ্য অত্যন্ত গুরুত্বপূর্ণ ভূমিকা পালন করে। পাঠ্যের মাধ্যমে অনেক তথ্য জানানো হয়:ব্যবহারের জন্য নির্দেশাবলী, বোতাম ক্যাপশন, বা ইন্টারেক্টিভ উপাদান। এই সব একটি যোগাযোগ টুল হিসাবে পাঠ্য ব্যবহার করে. এই সমস্ত উপাদান পড়া কঠিন হলে, স্বাভাবিকভাবেই, অভিজ্ঞতা গুরুতরভাবে প্রতিবন্ধী হয়। আরামদায়ক পাঠ্য পড়া, তার কার্যকারিতা নির্বিশেষে, একটি অ-আলোচনাযোগ্য নীতি। ডিজাইনে আরামদায়ক মাপ ব্যবহার করে এই রিডিং সহজতর করা যেতে পারে। যাইহোক, সমর্থনকারী প্রযুক্তি এবং কৌশলগুলি, ফন্টের আকার বৃদ্ধির কার্যকারিতার মাধ্যমে, পঠনযোগ্যতা উন্নত করতেও সাহায্য করতে পারে। APPT তথ্য অনুসারে, 26% অ্যান্ড্রয়েড এবং iOS মোবাইল ডিভাইস ব্যবহারকারী ডিফল্ট ফন্টের আকার বৃদ্ধি করে (ফেব্রুয়ারি 2026 থেকে ডেটা)। চার ব্যবহারকারীর মধ্যে একজন তাদের স্মার্টফোনে ফন্টের আকার বাড়ায়। এটি মানুষের একটি অত্যন্ত উল্লেখযোগ্য নমুনা, যা ডিজাইন প্রক্রিয়ায় এই কার্যকারিতাকে অনিবার্য করে তোলে।
নির্দেশিকা সঙ্গে সম্মতি ইন্টারফেসে ফন্টের আকার বাড়ানো একটি বিশাল ডিজাইন চ্যালেঞ্জ উপস্থাপন করতে পারে। এটি বোঝা গুরুত্বপূর্ণ যে, হঠাৎ করে, কিছু পাঠ্য উপাদান, ব্যবহারকারীর ক্রিয়াকলাপের কারণে, তাদের প্রাথমিক আকার থেকে দ্বিগুণ আকারে হতে পারে। "ক্যাপশন এবং টেক্সট ইমেজ বাদে, বিষয়বস্তু বা কার্যকারিতা হারানো ছাড়াই 200% পর্যন্ত সহায়ক প্রযুক্তি ছাড়াই পাঠ্যের আকার পরিবর্তন করা যেতে পারে।"— সাফল্যের মাপকাঠি 1.4.4, ওয়েব কনটেন্ট অ্যাক্সেসিবিলিটি নির্দেশিকা (WCAG), সংস্করণ 2.2 এর "টেক্সট রিসাইজ করা"
এই সাফল্যের মাপকাঠিটি AA সম্মতি স্তরে, যার অর্থ যে কোনও আইনি কাঠামো অনুসারে এটি একটি সম্পূর্ণ বাধ্যতামূলক বৈশিষ্ট্য। এই সাফল্যের মাপকাঠিতে 200% বোঝা সহজ। যদি আমরা ধরে নিই যে আমরা ইন্টারফেসগুলিকে 100% স্কেলে ডিজাইন করি, যার অর্থ উপাদানের আকার প্রাথমিক আকার, তাহলে টেক্সট 200% পর্যন্ত বৃদ্ধি করলে প্রাথমিক আকার দ্বিগুণ হবে। অন্যান্য বৃদ্ধির স্কেলগুলিও ব্যবহার করা যেতে পারে, যেমন 120%, 140%, ইত্যাদি। অন্য কথায়, আমাদের নিশ্চিত করতে হবে যে ব্যবহারকারীরা সমর্থনকারী প্রযুক্তি বা কৌশলগুলির মাধ্যমে পাঠ্যটিকে তার প্রাথমিক আকার দ্বিগুণ করতে পারে (এবং এটি একটি ছোটখাট বিবরণ নয়)। এই স্ট্যান্ডার্ড মেনে চলার জন্য, আমাদের ইন্টারফেসে টেক্সট সাইজ বাড়ানোর টুল দেওয়ার দরকার নেই। অনুশীলনে, এই বৈশিষ্ট্যগুলি অপ্রয়োজনীয়তা ছাড়া আর কিছুই নয়। ডিভাইসগুলি ইতিমধ্যে এটি একটি প্রমিত উপায়ে করার অনুমতি দেয়। যে ব্যবহারকারীদের সত্যিই এই সেটিংটি প্রয়োজন তারা এটি জানেন (কারণ, এটি ছাড়া, তাদের জীবন আরও কঠিন হবে)। ঠিক আছে, তারা ইতিমধ্যেই তাদের ডিভাইস জুড়ে এই সেটিং প্রয়োগ করেছে। এবং এর মানে হল আমরা অভিজ্ঞতাকে সরল করে এই অতিরিক্ত ইন্টারফেস উপাদানগুলিকে বাদ দিতে পারি।
মানসম্মত অ্যাক্সেস সহায়ক প্রযুক্তি সম্পর্কে মনে রাখার একটি গুরুত্বপূর্ণ ধারণা, বিশেষ করে এই ক্ষেত্রে ফন্টের আকার বৃদ্ধির ক্ষেত্রে, বেশিরভাগ ডিভাইসে ইতিমধ্যেই ডিফল্টরূপে এই সরঞ্জামগুলির অনেকগুলি ইনস্টল করা আছে। অন্য কথায়, অনেক ক্ষেত্রে, ব্যবহারকারীদের শুধুমাত্র এই কার্যকারিতা পাওয়ার জন্য তাদের নিজস্ব সফ্টওয়্যার কিনতে বা একটি নির্দিষ্ট ধরনের ডিভাইস কিনতে হবে না। মোবাইল ডিভাইসে হোক বা এমনকি ওয়েব ব্রাউজারেও, বেশিরভাগ ক্ষেত্রেই, ইনস্টল করা বৈশিষ্ট্যগুলি খুঁজে পাওয়া সহজ যা আপনাকে ডিফল্ট ফন্টের আকার বাড়াতে দেয় যা আমরা ইন্টারফেস জুড়ে ব্যবহার করছি। ফন্টের আকার বাড়ানোর এই নীতিটি ডিজিটাল পণ্যগুলিতে প্রয়োগ করা যেতে পারে, যেমন অ্যাপস, এমনকি আজ ব্যবহৃত স্ট্যান্ডার্ড ওয়েব ব্রাউজারগুলিতে চলমান যে কোনও ধরণের ওয়েবসাইটেও। আইফোন আইফোন ডিভাইসে, ফন্টের আকার বৃদ্ধি বৈশিষ্ট্য ডিফল্টরূপে একত্রিত হয়। এই বৈশিষ্ট্যটি ব্যবহার করতে, কেবল "সেটিংস" প্যানেলে অ্যাক্সেস করুন, "অ্যাক্সেসিবিলিটি" নির্বাচন করুন এবং "ভিশন" বিকল্প গোষ্ঠীর মধ্যে, "টেক্সট সাইজ এবং ডিসপ্লে" বৈশিষ্ট্যটি অ্যাক্সেস করুন এবং সেই স্ক্রিনে পছন্দসই ফন্টের আকার বৃদ্ধি কনফিগার করুন৷
গুগল ক্রোম ওয়েব ব্রাউজারগুলি ডিফল্টরূপে, ফন্টের আকার বাড়ানোর কার্যকারিতাও অফার করে। উদাহরণস্বরূপ, Google Chrome-এ, এই বৈশিষ্ট্যটি "বিকল্প" প্যানেলে পাওয়া যায়, বিশেষত "আবির্ভাব" এলাকায়। এই গোষ্ঠীতে প্রদর্শিত বিকল্পগুলির তালিকায়, কেবল "ফন্টের আকার" বিকল্পটি নির্বাচন করুন৷ সাধারণত, "মাঝারি — প্রস্তাবিত" বিকল্পটি নির্বাচন করা হবে। আপনি এই সেটিং অন্য যেকোনো উপলব্ধ ফন্ট আকারে পরিবর্তন করতে পারেন। উদাহরণস্বরূপ, "খুব বড়" বিকল্পটি ব্যবহার করে দেখুন।
ফিগমা পরীক্ষা দলগুলির দৈনন্দিন জীবনে ডিজিটাল অ্যাক্সেসিবিলিটি কাজ কার্যকর হয় তা নিশ্চিত করার জন্য, সহজ কাজের প্রক্রিয়াগুলি খুঁজে বের করা অপরিহার্য। ক্রিয়া বা উদ্যোগ যা দলের রুটিনে একত্রিত করা যেতে পারে, যেগুলি একটি সমন্বিত উপায়ে অ্যাক্সেসযোগ্যতার সমাধান করে এবং বর্তমান বাস্তবতার নাটকীয় রূপান্তরের প্রয়োজন হয় না। এটি প্রয়োজন হলে, তিনি বিশ্বাস করেন, এটি বেশিরভাগ সময় ঘটত না। অতএব, সহজ কাজের প্রক্রিয়াগুলি ডিজাইন করা সত্যিই অ্যাক্সেসযোগ্যতার জন্য অর্ধেক যুদ্ধ, এতেক্ষেত্রে, এছাড়াও একটি নকশা দলের মধ্যে. ডিজাইনে ফন্টের আকার বৃদ্ধির পরীক্ষার বিষয়ে, আমাদের কাছে আজ অসাধারণ সরঞ্জাম রয়েছে। যারা অ্যাডোব ফটোশপে জটিল ইন্টারফেস ডিজাইন করার দিনগুলি মনে রাখেন তারা আজ আমাদের কাছে থাকা সরঞ্জামগুলির পার্থক্যগুলি চিনবেন (এবং সৌভাগ্যক্রমে তাই)। এটি এখন সম্ভব, ফিগমার মতো সরঞ্জামগুলির মাধ্যমে, ডিজাইনে এমন গতিশীলতা তৈরি করা যাতে অ্যাক্সেসযোগ্যতার জন্য ফন্টের আকার বৃদ্ধির পরীক্ষা করা দলের জন্য প্রায় অনিবার্য হয়ে ওঠে।
দ্রষ্টব্য: এই পরীক্ষাটি দেওয়ার জন্য, আপনাকে ফিগমার পাঠ্য শৈলী, স্বয়ংক্রিয় বিন্যাস এবং ভেরিয়েবলগুলির একটি শক্তিশালী উপলব্ধি থাকতে হবে। এই তিনটি হল অনেক অতিরিক্ত পরিশ্রম ছাড়াই সাফল্যের জন্য মৌলিক হাতিয়ার। আপনি যদি এখনও এই বৈশিষ্ট্যগুলি আয়ত্ত না করে থাকেন, তাহলে আপনাকে সেখানে শুরু করার পরামর্শ দেওয়া হচ্ছে। পদক্ষেপগুলি এড়িয়ে যাবেন না। শেখা একটি ধীরে ধীরে প্রক্রিয়া যা একটি কাঠামোগত, ধাপে ধাপে অনুসরণ করা আবশ্যক। আমরা কোথায় যেতে চাই? আমরা ফিগমাতে যে ফন্ট সাইজ বাড়ানোর পরীক্ষাটি করতে চাই তা সহজ। আমরা ইন্টারফেসে যে সমস্ত টেক্সট শৈলী ব্যবহার করি তার জন্য ভেরিয়েবলের একটি সেট উপলব্ধ রাখতে চাই, যাতে আমরা 100%, 120%, 140%, 160%, 180% বা 200% স্কেলে টেক্সটের সাথে ইন্টারফেস দেখতে চাই কিনা তা বেছে নিতে পারি। যেহেতু আমরা এই ভেরিয়েবলের সেটটি প্রয়োগ করি (অনেকটা হালকা এবং অন্ধকার মোডের জন্য ভেরিয়েবল প্রয়োগ করার মতো), আমরা ইন্টারফেসে পাঠ্যের রূপান্তরগুলি পর্যবেক্ষণ করি এবং বুঝতে পারি যে ইন্টারফেসের প্রতিটি সংস্করণে বিভিন্ন টাইপোগ্রাফিক স্কেলের সাথে কতটা অভিযোজন প্রয়োজন।
কিভাবে আমরা এটা ঘটতে পারি? এই পরীক্ষা এত মসৃণভাবে যাওয়ার জন্য, আপনাকে কিছু ভিত্তি কাজ করতে হবে। ডিজাইন সিস্টেমগুলি এই প্রাথমিক কাজের অনেকটাই অপ্টিমাইজ করতে সাহায্য করতে পারে। কিন্তু আমি তোমাকে মিথ্যা বলবো না। পরীক্ষাটি ভালভাবে কাজ করার জন্য, আপনার ডিজাইনের একটি অত্যন্ত গুরুতর স্তরের সংগঠন এবং পদ্ধতিগতকরণের প্রয়োজন। এটি সত্যিই একটি নির্দেশিকা নয়, কারণ প্রতিটি দলের নিজস্ব কাজের মডেল থাকবে এবং এই সুপারিশগুলি বিভিন্ন উপায়ে প্রয়োগ করা যেতে পারে (এবং এটি ঠিক আছে)। যাইহোক, এই পরীক্ষাটি কাজ করার জন্য, ডিজাইনে কিছু অনুমান নিশ্চিত করা গুরুত্বপূর্ণ। এই পরীক্ষা মডেলের বাস্তবায়নে আপনাকে সাহায্য করার জন্য, এখানে কিছু ধাপ অনুসরণ করতে হবে। ধাপে ধাপে নির্দেশাবলী আপনাকে আপনার ফাইলগুলিকে সংগঠিত করতে এবং আপনি এই পরীক্ষাটি সম্পূর্ণরূপে কার্যকর করতে পারেন তা নিশ্চিত করার জন্য সহজ এবং সবচেয়ে ব্যবহারিক উপায়ে। 1. ইন্টারফেস ডিজাইন করা এটা সব নকশা দিয়ে শুরু হয়. যেকোনো পরীক্ষার আগে, ফোকাস করা উচিত, যেমনটি করা উচিত, প্রতিটি ইন্টারফেসের ডিজাইনের উপর থাকা উচিত যা আমরা পরে পরীক্ষা করতে চাই। এই পর্যায়ে, ফন্টের আকার বৃদ্ধির পরীক্ষা নিয়ে এখনও কোন নির্দিষ্ট উদ্বেগ নেই যা আমরা পরে করব। স্বাভাবিকভাবেই, সমস্ত ইন্টারফেস ডিজাইনের, শুরু থেকেই, ডিজাইনে প্রয়োগ করা সবচেয়ে মৌলিক অ্যাক্সেসিবিলিটি সুপারিশগুলি অনুসরণ করা উচিত।
2. সমস্ত উপাদানগুলিতে অটো লেআউট প্রয়োগ করুন৷ আপনার তৈরি প্রতিটি স্ক্রীন ডিজাইনে, আপনাকে নিশ্চিত করতে হবে যে আপনি অটো লেআউটগুলি পুরোপুরি প্রয়োগ করছেন। এটি একটি অত্যন্ত গুরুত্বপূর্ণ পদক্ষেপ। এটি সম্পূর্ণ কাঠামো এবং ডিজাইনের উপাদানগুলিতে স্বয়ংক্রিয় লেআউটগুলির এই সামঞ্জস্যপূর্ণ প্রয়োগ যা পরবর্তীতে যখন আমরা ফন্টের আকার বৃদ্ধির পরীক্ষা শুরু করি তখন ইন্টারফেসের মাপযোগ্যতার গ্যারান্টি দেয়। আপনি সত্যিই এই পদক্ষেপ অবমূল্যায়ন করতে পারবেন না। আপনি যদি এটির প্রাপ্য মনোযোগ না দেন, আপনি দেখতে পাবেন যখন আমরা ইন্টারফেসগুলিতে টাইপোগ্রাফিক স্কেলিং পরীক্ষা করি, চীনের দোকানে হাতির মতো সবকিছু ভেঙে যাচ্ছে।
3. টেক্সট শৈলী গঠন এবং প্রয়োগ করা আমাদের ফন্টের আকার বৃদ্ধি পরীক্ষা করার জন্য, আমাদের প্রতিটি ইন্টারফেস ডিজাইনে আপনার পাঠ্য শৈলী প্রয়োগ করতে হবে। আপনি সম্ভবত এগুলি তৈরি করতে শুরু করেছেন যেমন আপনি আঁকছিলেন। দারুণ। আপনি যদি তা না করে থাকেন তবে এখনই এটি করা গুরুত্বপূর্ণ। পরীক্ষা নিখুঁতভাবে কাজ করার জন্য, আমাদের সত্যিই এটি প্রয়োজন। টেক্সট স্টাইল প্রয়োগ না করে ডিজাইনে কোনো টেক্সট উপাদান রাখবেন না।
4. ভেরিয়েবলের সেট 100% সংজ্ঞায়িত করুন এই পরীক্ষাটি মোটামুটি উচ্চ মাত্রার অপ্টিমাইজেশন জোর করে। অনুশীলনে, এর অর্থ হল আমাদের ইন্টারফেসে থাকা টেক্সট শৈলীগুলির সমস্ত বৈশিষ্ট্যের জন্য ফিগমা ভেরিয়েবল ব্যবহার করতে হবে। এই পর্যায়ে, আপনাকে অবশ্যই ফিগমা "সংখ্যা" ভেরিয়েবলগুলিকে সংজ্ঞায়িত করতে হবে কমপক্ষে ফন্ট-আকার এবং টেক্সট শৈলীগুলির লাইন-উচ্চতার জন্য যা আপনি অঙ্কনে প্রয়োগ করেছেন৷ এই ধাপের মাধ্যমে, আপনি একটি 100% ভিজ্যুয়ালাইজেশন মডেলের জন্য ফন্টের আকার বৃদ্ধির স্কেল মান নির্ধারণ করছেন, অর্থাৎ অঙ্কনের প্রাথমিক এবং রেফারেন্স সংস্করণ। এটি গুরুত্বপূর্ণ যে আপনি অঙ্কনের প্রতিটি পাঠ্য শৈলীর জন্য এই ভেরিয়েবলগুলি গঠন করুন কারণ, পরবর্তীকালে, আমাদের এই পাঠ্য উপাদানগুলির প্রতিটির পরিবর্ধন স্কেল বিবেচনা করতে হবে।
5. পাঠ্য শৈলীতে ভেরিয়েবল প্রয়োগ করুন 100% স্কেল পাঠ্য শৈলীর জন্য ভেরিয়েবলগুলি সংজ্ঞায়িত করার পরে, আপনাকে এখন সেগুলি প্রয়োগ করতে হবেইতিমধ্যে তৈরি করা পাঠ্য শৈলীর উপাদানগুলিতে। অন্তত ফন্ট-আকার এবং লাইন-উচ্চতার বৈশিষ্ট্যগুলিতে ভেরিয়েবল প্রয়োগ করতে ভুলবেন না। আপনার যদি আরও টাইপোগ্রাফিকাল ভেরিয়েবল থাকে তবে এটি ঠিক আছে। কিন্তু আপনার কমপক্ষে ফন্ট-আকার এবং লাইন-উচ্চতায় ভেরিয়েবল প্রয়োগ করা উচিত। এই সত্যিই খুব গুরুত্বপূর্ণ.
6. টেক্সট সাইজ বাড়ানোর জন্য ভেরিয়েবল সংজ্ঞায়িত করুন এখন আপনার কাছে 100% স্কেল টেক্সট শৈলীতে ভেরিয়েবল প্রয়োগ করা হয়েছে, পরবর্তী ধাপ হল অন্যান্য ফন্ট সাইজ বৃদ্ধির স্কেলের জন্য ভেরিয়েবল তৈরি করা। অনুশীলনে, আপনাকে এমন ভেরিয়েবল তৈরি করতে হবে যা সিস্টেমকে বলবে যে প্রতিটি টেক্সট স্টাইল কত ফন্ট আকারে বৃদ্ধি পাবে যখন বৃদ্ধির স্কেল 120%, 140%, 160%, ইত্যাদি হবে। ফন্ট-আকার এবং লাইন-উচ্চতার মানগুলি সংজ্ঞায়িত করতে, কেবলমাত্র স্কেল শতাংশ দ্বারা প্রাথমিক মানকে গুণ করুন। উদাহরণস্বরূপ, যদি একটি টেক্সট শৈলীর হরফ-আকার 16px হয়, তাহলে 120% স্কেলের আকার 16 দ্বারা 1.2 গুণ করা হবে, যা 19.2 এর ফলাফল দেয়। আপনি যে ফন্ট সাইজ বাড়ানোর স্কেল শতাংশ বাছাই করেন তার সমস্ত ফন্ট-আকার এবং লাইন-উচ্চতার মানগুলির জন্য এই গণনাটি পুনরাবৃত্তি করুন। আপনি চূড়ান্ত মানগুলিতে রাউন্ডিং প্রয়োগ করবেন কিনা তাও চয়ন করতে পারেন। এটি একটি আনুমানিক পরীক্ষা, এবং তাই রাউন্ডিং থেকে উদ্ভূত যে কোনও পার্থক্য পরীক্ষার ফলাফলের চূড়ান্ত ধারণাকে প্রভাবিত করবে না।
7. বিভিন্ন স্কেল সংস্করণে ভেরিয়েবল প্রয়োগ করুন সত্যের মুহূর্ত এসেছে। পরের ধাপটি হল আমাদের সবকিছু কাজ করছে কিনা তা বোঝা যাতে পরীক্ষাটি পুরোপুরি চলে। অতএব, আপনার মূল ইন্টারফেসটি অনুলিপি করা উচিত এবং প্রতিটি ফন্টের আকার বৃদ্ধির হারের জন্য ভেরিয়েবলের সেট প্রয়োগ করা উচিত যা আপনার কাছে বোধগম্য। আপনার সংজ্ঞায়িত সমস্ত ফন্টের আকার বৃদ্ধির শতাংশের জন্য এই প্রক্রিয়াটি পুনরাবৃত্তি করুন। একটি পরামর্শ হিসাবে, আপনি রেফারেন্স হিসাবে 120%, 140%, 160%, 180% এবং 200% বৃদ্ধি শতাংশ ব্যবহার করতে পারেন। আপনি যদি সরলীকরণ করতে চান তবে আপনি যে পরিমাণ স্কেলিং শতাংশের সাথে কাজ করছেন তার সংখ্যা কমাতে পারেন। আপনি যত শতাংশের সাথে কাজ করছেন তা নির্বিশেষে, আপনার সর্বদা সর্বনিম্ন 100% এবং 200% স্কেলের সাথে কাজ করা উচিত।
8. উন্নতির জন্য এলাকা চিহ্নিত করুন একই স্ক্রিনে বিভিন্ন ফন্টের আকার বৃদ্ধির স্কেল প্রয়োগ করে, কোথায় উন্নতির প্রয়োজন হতে পারে তা বোঝা সহজ। এখানেই ইন্টারফেস ডিজাইনে ফন্টের আকার বাড়ানোর আসল পরীক্ষা এবং সবচেয়ে আকর্ষণীয় অ্যাক্সেসিবিলিটি কাজ শুরু হয়। বিভিন্ন পর্দার বিশ্লেষণে, কিছু গুরুত্বপূর্ণ দিক মাথায় রাখুন:
পাঠ্যটি বিশাল বলে মনে হওয়া কোনও সমস্যা নয় এবং নকশাটিকে "নষ্ট" করে না। মনে রাখবেন যে কেউ একটি নির্দিষ্ট পণ্য বা পরিষেবা ব্যবহার করতে সক্ষম হওয়া বা না করার মধ্যে পার্থক্য বোঝাতে পারে। একটি অ্যাক্সেসিবিলিটি সমস্যা বিদ্যমান যখন ফন্টের আকার বাড়ানো ব্যবহারকারীর পক্ষে নির্দিষ্ট পাঠ্য পড়া বা নির্দিষ্ট নিয়ন্ত্রণ সক্রিয় করা অসম্ভব করে তোলে। পাঠ্য উপাদানগুলির জন্য যেগুলি ইতিমধ্যেই খুব বড়, ফন্টের আকার বাড়ানোর অর্থ নাও হতে পারে৷ এটি করা সেই উপাদানগুলিকে অসামঞ্জস্যপূর্ণ করে তুলতে পারে, যা পাঠযোগ্যতা উন্নত করবে না (যেহেতু তারা ইতিমধ্যেই একটি ভাল আকার) এবং সম্পূর্ণ অপ্রয়োজনীয় স্থান দখল করবে। যদি এমন কিছু উপাদান থাকে যা স্ক্রীন থেকে পপ আউট হতে দেখা যায়, প্রথম ধাপ হল আপনি কীভাবে স্বয়ংক্রিয় লেআউট প্রয়োগ করছেন তা নিশ্চিত করা। অটো লেআউটের সঠিক ব্যবহারে অনেক ডিজাইনের দিক সহজেই সমাধান করা যায়। হরফের আকার বৃদ্ধির স্কেল নির্বিশেষে, টাইপোগ্রাফির চাক্ষুষ শ্রেণিবিন্যাস বজায় রাখা অপরিহার্য, কারণ এই পাঠযোগ্যতা পর্দায় উপস্থিত বিভিন্ন স্তরের তথ্য বোঝার জন্য গুরুত্বপূর্ণ। এই পরীক্ষাটি এমন উপাদানগুলি সনাক্ত করতে সাহায্য করতে পারে যেগুলিকে প্রদত্ত বৃদ্ধির স্কেলে ভালভাবে কাজ করার জন্য কোডে সরাসরি সামঞ্জস্যের প্রয়োজন হতে পারে। সবকিছু একা ডিজাইনের মাধ্যমে সমাধান করা যায় না এবং এটি পুরোপুরি সূক্ষ্ম। অ্যাক্সেসযোগ্যতা মূলত একটি দলীয় প্রচেষ্টা।
9. ডিজাইনে সংশোধন এবং সামঞ্জস্য করুন অবশেষে, বিভিন্ন স্ক্রীনের উপর ভিত্তি করে বিভিন্ন টেক্সট এনলারজমেন্ট স্কেল প্রয়োগ করা হয়েছে, আপনি ডিজাইন পরিবর্তন করতে পারেন যা অর্থবহ। এই সামঞ্জস্য কিছু শুধুমাত্র কোড প্রয়োজন হতে পারে. এই ক্ষেত্রে, আপনি এই সমস্ত পরামর্শগুলি নথিভুক্ত করুন এবং সেগুলি বিকাশ দলের কাছে প্রেরণ করুন৷ এটাকে আরও শক্তিশালী করা (আবার) গুরুত্বপূর্ণ যে আপনি ডিজাইনে যে সমস্যার সম্মুখীন হতে পারেন সেগুলি অটো-লেআউট বৈশিষ্ট্যগুলির সহজ এবং সঠিক প্রয়োগের মাধ্যমে ডিজাইন প্রক্রিয়ায় দ্রুত সমাধান করা যেতে পারে।
10. শুরুতে ফিরে যান এবং প্রক্রিয়াটি পুনরাবৃত্তি করুন এটি একটি চক্রাকার পদ্ধতি। এর মানে হল আপনি এই পদক্ষেপগুলি পুনরাবৃত্তি করুন, বা এর বিভিন্নতা, যতবার প্রয়োজন ততবার পুরো প্রকল্প জুড়ে। এটা স্বাভাবিক যে, সময়ের সাথে সাথে এবং প্রক্রিয়া অপ্টিমাইজেশানের সাথে কিছুএই পদক্ষেপের অর্থ করা বন্ধ হবে. এটি একেবারে একটি সমস্যা নয়। কিন্তু এখানে উপলব্ধি করা সবচেয়ে গুরুত্বপূর্ণ বিষয় হল যে অ্যাক্সেসযোগ্যতা এবং ফন্টের আকার বৃদ্ধি পরীক্ষা করার এই প্রক্রিয়াটি একবার করা উচিত নয়, এবং এটিই। প্রতিটি প্রজেক্ট এবং দলের সারাদিনের কাজ জুড়ে এটি অনেক, বহুবার করা একটি পরীক্ষা।
নকশা সিস্টেমের ভূমিকা প্রথম নজরে, পদক্ষেপগুলির এই তালিকাটি একটি জটিল ব্যায়ামের মতো মনে হতে পারে। কিন্তু তা নয়। এর কারণ হল এই ধাপগুলির অধিকাংশই, যদি সব না হয়, যে কোনও প্রেক্ষাপটে যেখানে একটি ডিজাইন সিস্টেম বিদ্যমান থাকে সেখানে চালানো সহজ। প্রকৃতপক্ষে, ডিজাইন সিস্টেমগুলি পণ্য ডিজাইন শিল্পে একটি অনিবার্য মান হয়ে উঠেছে। আমরা আলোচনা করতে পারি যে প্রতিটি দলকে একটি ডিজাইন সিস্টেম বলে, কিন্তু সত্য হল যে আজকে এমন একটি পণ্য ডিজাইন দল খুঁজে পাওয়া খুব কঠিন যেটির কাছে উপাদান এবং শৈলীর একটি ন্যূনতম কাঠামোগত লাইব্রেরি নেই।
এই ফাউন্ডেশনের সাহায্যে, কম বা বেশি নথিভুক্ত করা হোক না কেন, ফিগমা ভেরিয়েবল ব্যবহার করে এই ধরনের ফন্ট সাইজ বৃদ্ধি পরীক্ষা প্রয়োগ করা খুবই সহজ। উপরন্তু, যদি আপনার ডিজাইন সিস্টেমে ইতিমধ্যেই, উদাহরণস্বরূপ, হালকা এবং অন্ধকার মোডের জন্য কাঠামোগত ভেরিয়েবল থাকে, তাহলে এর অর্থ হল আপনি ইতিমধ্যেই এই পরীক্ষাটি সম্পাদন করার জন্য আমরা যে নীতিগুলি ব্যবহার করেছিলাম সেই একই নীতিগুলি প্রয়োগ করছেন৷ তাই, নতুন কিছু না। ডিজাইন সিস্টেমের সাথে কাজ করার জন্য কাঠামো এবং সংগঠনের একটি স্তর জড়িত যা এই ধরণের পরীক্ষা তৈরি করার জন্যও খুব দরকারী। একটি মিথ আছে যে ডিজাইন সিস্টেম সৃজনশীলতাকে সীমাবদ্ধ করে। এটা সত্য নয়। ডিজাইন সিস্টেমগুলি ডিজাইনের "আমলাতান্ত্রিক" অংশের সমাধান করতে সহায়তা করে, তাই আমাদের কাছে যা গুরুত্বপূর্ণ তার জন্য আরও বেশি সময় থাকতে পারে: এই ক্ষেত্রে, অ্যাক্সেসযোগ্যতা পরীক্ষা করা এবং আরও বেশি সংখ্যক পণ্য এবং পরিষেবা তৈরি করা যা সত্যই সর্বাধিক সংখ্যক মানুষের কাছে অ্যাক্সেসযোগ্য। উদাহরণ ফাইল একটি প্রক্রিয়ার বিবরণ পড়ার চেয়ে একটি উদাহরণ দেখা সবসময় সহজ। যদি এটি জ্ঞানের অনেক শাখায় সত্য হয়, নকশায়, এই ভিত্তিটি আরও বেশি অর্থবহ করে তোলে। অতএব, এই Figma ফাইলে, অবাধে প্রকাশিত এবং সম্প্রদায়ের কাছে খোলামেলা উপলব্ধ, আপনি এখানে বর্ণিত সম্পূর্ণ পরীক্ষা প্রক্রিয়ার একটি বাস্তব উদাহরণ পাবেন। মনে রাখবেন যে এটি একটি উদাহরণ মাত্র। ফিগমা ফাইলের প্রেক্ষাপটে এই ধরনের পরীক্ষা করার জন্য অসংখ্য উপায় থাকতে পারে।
একটি সমালোচনামূলক চোখে এই পদ্ধতির তাকান নিশ্চিত করুন. এটি একটি নির্দিষ্ট প্রক্রিয়া অনুসরণ করে ফন্টের আকার বৃদ্ধি পরীক্ষা করার জন্য একটি পরামর্শ। এই সত্ত্বেও, পদ্ধতিটি আপনার দলের নির্দিষ্ট বাস্তবতা, প্রক্রিয়া এবং পরিপক্কতার স্তরের সাথে খাপ খাইয়ে নেওয়া উচিত। আমাদের নিজস্ব প্রেক্ষাপটে অর্থপূর্ণ কিনা তা না বুঝেই অন্য দলের সূত্র অনুলিপি করা অ্যাক্সেসিবিলিটি প্রচেষ্টাকে অসামঞ্জস্যপূর্ণ করার একটি নিশ্চিত উপায়। প্রতিটি পরিস্থিতি অনন্য। এই পদ্ধতিটি এই নির্দিষ্ট প্রসঙ্গে যতটা সম্ভব অ্যাক্সেসযোগ্যতার কাজকে সহজ করার চেষ্টা করে। এবং মনে রাখবেন: কিছু ঘটলে, তা যত ছোটই হোক না কেন, তা এক ধাপ এগিয়ে, এক ধাপ পিছিয়ে নয়। এবং এটি দলের প্রত্যেকের দ্বারা উদযাপন করা উচিত।
