ওয়েবসাইট সবার জন্য ব্যবহারযোগ্য করব কীভাবে? কনট্রাস্ট, কিবোর্ড, অল্ট টেক্সট

কনট্রাস্ট ও পড়ার মতো লেখা

সাদা জমিনে হালকা ধূসর লেখা সুন্দর দেখায়, কিন্তু অনেকের কাছে অপাঠ্য। WCAG AA সাধারণ লেখায় অন্তত ৪.৫ : ১ আর বড় লেখায় ৩ : ১ কনট্রাস্ট চায়। বিনামূল্যের কনট্রাস্ট চেকারে দুটি রং বসালেই অনুপাত পাওয়া যায়।

বাংলা লেখায় বিশেষ নজর দিন: ছোট ফন্টে যুক্তাক্ষর ঝাপসা হয়ে যায়। এমন একটি বাংলা ফন্ট নিন যা স্ক্রিনে পরিষ্কার পড়া যায়।

• মূল লেখা অন্তত ১৬ পিক্সেল রাখুন এবং লাইনের মধ্যে যথেষ্ট ফাঁক দিন।
• শুধু রঙের ওপর নির্ভর করবেন না, যেমন ভুলের জন্য শুধু লাল। আইকন বা লেখা যোগ করুন।
• ব্যবহারকারীকে জুম করতে দিন, পিঞ্চ-টু-জুম বন্ধ করবেন না।

কিবোর্ড ও ফোকাস

নিজের সাইটে Tab চাপুন। সব লিংক, বোতাম ও ফর্ম ফিল্ডে যুক্তিসংগত ক্রমে পৌঁছানো যায় কি, আর কোথায় আছেন তা সবসময় দেখা যায় কি? দৃশ্যমান ফোকাস আউটলাইন জরুরি। মেনু, পপ-আপ ও ক্যারোসেল Enter, Space ও Escape দিয়েও চলতে হবে।

অল্ট টেক্সট, লেবেল ও কাঠামো

অর্থবহ প্রতিটি ছবির একটি সংক্ষিপ্ত বর্ণনা লাগে যে সেটি কী দেখায় বা কী করে। শুধু সাজানোর ছবিতে ফাঁকা অল্ট দিন, যাতে স্ক্রিন রিডার এড়িয়ে যায়। প্রতিটি ফর্ম ফিল্ডে দৃশ্যমান লেবেল থাকবে, শুধু প্লেসহোল্ডার নয়। সঠিক ক্রমে আসল হেডিং ব্যবহার করুন আর বোতামে “এখানে ক্লিক করুন” নয়, কাজের নাম লিখুন।

ডান থেকে বামের ভাষা

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

চ্যাটে চেয়ে নিন

Uttra-তে সাধারণ কথায় এই উন্নতিগুলো চাওয়া যায়। একটি প্রম্পট:

“আমার সাইটের অ্যাক্সেসিবিলিটি উন্নত করো: লেখার কনট্রাস্ট WCAG AA-তে তোলো, দৃশ্যমান ফোকাস আউটলাইন যোগ করো, প্রতিটি ছবিতে অর্থবহ অল্ট টেক্সট দাও, সব ফর্ম ফিল্ডে লেবেল দাও এবং মেনু কিবোর্ডে চলার মতো করো।”

তারপর নিজে শুধু Tab দিয়ে, ২০০ শতাংশ জুমে এবং বিনামূল্যের একটি স্ক্রিন রিডার দিয়ে পরীক্ষা করুন। স্বয়ংক্রিয় টুল সমস্যার একটি অংশই ধরে।