ওয়ার্ডপ্রেস সাইটের অ্যাক্সেসিবিলিটি: শুরু করার ৮টি সহজ ধাপ
ওয়েবসাইট সবার জন্য ব্যবহারযোগ্য করতে কোথা থেকে শুরু করবেন? ওয়ার্ডপ্রেস সাইটের জন্য আটটি সহজ ধাপ, উদাহরণসহ।
আপনার ওয়েবসাইট কি সবাই ব্যবহার করতে পারেন? যিনি চোখে কম দেখেন, যিনি মাউস ধরতে পারেন না, কিংবা রোদে ফোনের স্ক্রিন পড়তে কষ্ট হয়, তাঁদের কথা ভাবলে অ্যাক্সেসিবিলিটি সবার উপকারে আসে। ভালো খবর হলো, শুরু করতে বড় বাজেট লাগে না। নিচের আটটি ধাপ দিয়ে শুরু করুন।
১. ছবিতে alt টেক্সট দিন
অর্থবহ প্রতিটি ছবির জন্য সংক্ষিপ্ত বর্ণনা লিখুন, যেমন “স্বেচ্ছাসেবকেরা বাক্সে খাবার গুছিয়ে রাখছেন”। শুধু সাজসজ্জার ছবির alt ফাঁকা (alt="") রাখুন, যাতে স্ক্রিন রিডার সেটি এড়িয়ে যায়। “ছবি” বা “image of” দিয়ে শুরু করার দরকার নেই।
২. সঠিক হেডিং ব্যবহার করুন
প্রতি পেজে একটিই H1 রাখুন। এরপর H2, H3 ক্রমানুসারে ব্যবহার করুন, লাফ দিয়ে H2 থেকে H4-এ যাবেন না। শুধু লেখা বড় করার জন্য হেডিং ব্যবহার করবেন না।
৩. রঙের কনট্রাস্ট ঠিক রাখুন
WCAG AA স্তরে সাধারণ লেখার জন্য ব্যাকগ্রাউন্ডের সঙ্গে কনট্রাস্ট অনুপাত অন্তত ৪.৫:১ হতে হয়। বড় লেখা এবং বাটন বা আইকনের জন্য ৩:১। হালকা ধূসর লেখা সাদা ব্যাকগ্রাউন্ডে সাধারণত ব্যর্থ হয়।
৪. শুধু কিবোর্ড দিয়ে সাইট চালিয়ে দেখুন
মাউস সরিয়ে রেখে Tab চেপে পুরো পেজ ঘুরুন। প্রতিটি লিংক ও বাটনে পৌঁছানো যায় কি? ফোকাস কোথায় আছে তা চোখে দেখা যায় কি? মেনু ও পপআপ Esc দিয়ে বন্ধ হয় কি?
৫. ফর্মের প্রতিটি ঘরে লেবেল দিন
প্লেসহোল্ডার লেবেলের বিকল্প নয়, কারণ লিখতে শুরু করলে সেটি মুছে যায়। প্রতিটি ঘরের উপরে দৃশ্যমান লেবেল দিন। ভুল হলে কোন ঘরে কী ভুল তা সাধারণ ভাষায় লিখে দেখান।
৬. লিংকের লেখা অর্থবহ করুন
“এখানে ক্লিক করুন” না লিখে লিখুন “২০২৫ সালের প্রতিবেদন ডাউনলোড করুন”। স্ক্রিন রিডার ব্যবহারকারীরা অনেক সময় শুধু লিংকের তালিকা শুনে পেজ বোঝেন।
৭. পেজের ভাষা ঠিক করুন
পেজের lang অ্যাট্রিবিউট ঠিক থাকলে স্ক্রিন রিডার সঠিক উচ্চারণে পড়ে। বাংলা লেখার পেজে bn থাকা ভালো।
৮. ভিডিওতে ক্যাপশন, অডিওতে ট্রান্সক্রিপ্ট দিন
যাঁরা শুনতে পান না, তাঁদের জন্য ক্যাপশন জরুরি। এতে কোলাহলপূর্ণ জায়গায় ভিডিও দেখা মানুষেরও সুবিধা হয়।
স্ক্যান দিয়ে বাকিটা ধরুন
উপরের অনেক সমস্যা স্বয়ংক্রিয় স্ক্যানেই ধরা পড়ে। AccessIQ ওয়ার্ডপ্রেসের ভেতরেই যেকোনো পেজ স্ক্যান করে ০–১০০ স্কোর দেয়, কোন এলিমেন্টে সমস্যা তা দেখায় এবং কীভাবে ঠিক করবেন তার পরামর্শ দেয়। সব তথ্য আপনার নিজের ডেটাবেসে থাকে। তবে মনে রাখুন, স্ক্যান সব সমস্যা ধরতে পারে না, তাই কিবোর্ড ও স্ক্রিন রিডার দিয়ে নিজে পরীক্ষা করাও চালিয়ে যান।
WCAG 2.2-এর নতুন বিষয়গুলো নিয়ে বিস্তারিত (ইংরেজিতে): WCAG 2.2 checklist for WordPress sites। এটি সাধারণ তথ্য, আইনি পরামর্শ নয়।
প্রায়শ জিজ্ঞাসিত প্রশ্ন
WCAG কী?
স্বয়ংক্রিয় স্ক্যান চালালেই কি সাইট সম্পূর্ণ অ্যাক্সেসিবল হয়ে যায়?
না। স্ক্যান শুধু কিছু সমস্যা ধরতে পারে, যেমন alt টেক্সট না থাকা বা কম কনট্রাস্ট। কিবোর্ড ও স্ক্রিন রিডার দিয়ে নিজে যাচাই করা দরকার।
alt টেক্সট কেন দরকার?
স্ক্রিন রিডার ছবির জায়গায় alt টেক্সট পড়ে শোনায়। ছবি লোড না হলেও এটি দেখা যায়।
