ফজলে রাব্বীওয়েব অ্যাক্সেসিবিলিটি মানে এমনভাবে ওয়েবসাইট বানানো, যাতে মানুষের দৃষ্টি, শ্রবণ, চলাফেরার সক্ষমতা বা ডিভাইস যেমনই হোক, সবাই সাইটটি ব্যবহার করতে পারেন। যেমন, যিনি স্ক্রিন রিডার ব্যবহার করেন, যে বয়স্ক গ্রাহক লেখা বড় করে পড়েন, কিংবা যে কৃষক কড়া রোদে ফাটা স্ক্রিনের ফোনে পড়ছেন। বাস্তবে এর মানে পড়ার মতো লেখা, যথেষ্ট কনট্রাস্ট, ঠিকঠাক লেবেল, আর এমন সাইট যা পরিস্থিতি নিখুঁত না হলেও কাজ করে। শুরু থেকে পরিকল্পনা করলে এর বেশিরভাগই কম খরচে হয়, আর সাইটটি সবার জন্যই সহজ হয়।
অ্যাক্সেসিবিলিটি কাদের কাজে লাগে
অনেকে ভাবেন এটা শুধু অল্প কিছু মানুষের বিষয়। আসলে একই সমাধান অনেক মানুষের কাজে আসে:
- দৃষ্টিহীন ও কম দৃষ্টির ভিজিটর, যারা স্ক্রিন রিডার বা জুম ব্যবহার করেন। স্ক্রিন রিডার পেজ জোরে পড়ে শোনায়, ছবির বর্ণনা আর বাটনের নামসহ, তবে সেগুলো থাকলে তবেই।
- বয়স্ক গ্রাহক, যাদের বড় লেখা আর গাঢ় কনট্রাস্ট দরকার। প্রায়ই এরাই ওষুধ অর্ডার করা বাবা-মা, বা সরবরাহকারী বাছাই করা ব্যবসার মালিক।
- যাদের হাতের নড়াচড়া সীমিত, যাদের জন্য ছোট বাটন কঠিন, বা যারা কিবোর্ড দিয়ে সাইট চালান।
- যারা শুনতে পান না বা কম শোনেন, যাদের ভিডিওতে ক্যাপশন দরকার।
- খারাপ পরিস্থিতিতে থাকা সবাই: কড়া রোদ, ছোট স্ক্রিন, ধীর মোবাইল ডেটা, হেডফোন ছাড়া কোলাহলের বাস।
নির্দেশিকার পেছনের চারটি মূলনীতি
সবচেয়ে বেশি ব্যবহৃত মানদণ্ড হলো W3C প্রকাশিত ওয়েব কনটেন্ট অ্যাক্সেসিবিলিটি গাইডলাইনস (WCAG)। এর অনেক খুঁটিনাটি নিয়ম চারটি সহজ ধারণার অধীনে সাজানো:
- অনুভবযোগ্য: মানুষ কোনো না কোনোভাবে কনটেন্ট দেখতে বা শুনতে পান। ছবির লিখিত বর্ণনা থাকে, ভিডিওতে ক্যাপশন থাকে, লেখায় যথেষ্ট কনট্রাস্ট থাকে।
- পরিচালনাযোগ্য: কিবোর্ড দিয়েও সাইটের প্রতিটি অংশ ব্যবহার করা যায়, আর কিছু এত দ্রুত সরে বা হারিয়ে যায় না যে মানুষ তাল রাখতে পারেন না।
- বোধগম্য: ভাষা পরিষ্কার, ফর্ম বলে দেয় কী লাগবে, আর ভুল হলে বার্তা বলে দেয় কীভাবে ঠিক করবেন।
- মজবুত: সাইটটি সঠিক, প্রচলিত কোডে বানানো, যাতে ব্রাউজার ও সহায়ক টুল ঠিকভাবে বুঝতে পারে।
নির্দেশিকা মুখস্থ করার দরকার নেই। যে ডেভেলপার এগুলো জানেন, তিনি সেভাবেই বানাতে পারেন। আপনার কাজ হলো এটা চাওয়া, আর মূল বিষয়গুলো যাচাই করা।
নিজে করা যায় এমন দশটি যাচাই
- জুম করুন। ব্রাউজারের জুম দিয়ে লেখা অনেক বড় করুন। পেজ কি তখনও ঠিক থাকে, নাকি অংশগুলো একটার ওপর আরেকটা চলে আসে?
- কনট্রাস্ট। সাদার ওপর হালকা ধূসর লেখা, বা ভিড়ের ছবির ওপর সাদা লেখা অনেকের পক্ষে পড়া কঠিন। অনলাইনের ফ্রি কনট্রাস্ট চেকার বলে দেয় আপনার রং নির্দেশিকা মানে কি না।
- ছবির বর্ণনা। প্রতিটি অর্থবহ ছবিতে অল্ট টেক্সট দিন, যা ছবিটি বর্ণনা করে ("নীল সুতির থ্রি-পিস, সামনের দিক"), শুধু ফাইলের নাম নয়।
- মাউস সরিয়ে রাখুন। ট্যাব চেপে পেজের ভেতর দিয়ে যান। প্রতিটি লিংক আর বাটনে পৌঁছানো যায় কি? এখন কোথায় আছেন, দেখা যায় কি?
- ফর্মের লেবেল। প্রতিটি ঘরের একটি দৃশ্যমান লেবেল দরকার, শুধু হালকা প্লেসহোল্ডার লেখা নয়, যা টাইপ শুরু করলেই মুছে যায়।
- লিংকের ভাষা। লিংক বলবে কোথায় নিয়ে যাবে ("ডেলিভারি চার্জ দেখুন"), শুধু "এখানে ক্লিক করুন" নয়।
- শিরোনাম। পেজে আসল শিরোনাম যুক্তিসঙ্গত ক্রমে থাকা দরকার, যাতে স্ক্রিন রিডার ব্যবহারকারী এক অংশ থেকে আরেক অংশে যেতে পারেন।
- শুধু রঙে নয়। ভুল বা স্টকের অবস্থা কেবল লাল বা সবুজ রঙে দেখাবেন না, সাথে লেখা বা আইকন দিন।
- ক্যাপশন। ভিডিওতে ক্যাপশন দিন, বিশেষ করে যেগুলো মানুষ শব্দ বন্ধ রেখে দেখতে পারেন।
- ট্যাপের জায়গা। ফোনে বাটন যথেষ্ট বড় আর একটু ফাঁকা ফাঁকা হওয়া দরকার।
বাংলা ওয়েবসাইটের জন্য বাড়তি কথা
- ছবির ভেতরে নয়, আসল লেখা দিন। বাংলা অফার লেখা ব্যানার ছবি স্ক্রিন রিডার পড়তে পারে না, পরিষ্কারভাবে বড় করা যায় না, আর সার্চ ইঞ্জিনও দেখে না। লেখাগুলো পেজে ইউনিকোড টেক্সট হিসেবে রাখুন।
- ভাষা জানিয়ে দিন। পেজের কোডে লেখা থাকা উচিত পেজটি বাংলায় নাকি ইংরেজিতে, যাতে স্ক্রিন রিডার সঠিক কণ্ঠ আর উচ্চারণ বেছে নেয়।
- পড়ার মতো বাংলা ফন্ট বেছে নিন, আর যথেষ্ট আকার ও লাইনের ফাঁক দিন, কারণ গাদাগাদি হলে যুক্তাক্ষর পড়া কঠিন হয়। বিস্তারিত আছে ওয়েবে বাংলা টাইপোগ্রাফি লেখায়।
- নিজের পেজ শুনে দেখুন। অ্যান্ড্রয়েড ফোন আর আইফোন, দুটোর অ্যাক্সেসিবিলিটি সেটিংসেই স্ক্রিন রিডার আছে। আপনার বাংলা পেজে চালিয়ে দেখুন। বাংলা কতটা ভালো পড়ে শোনায়, তা ডিভাইস আর কণ্ঠভেদে আলাদা হয়।
অ্যাক্সেসিবিলিটি, মোবাইল আর সার্চ যেখানে মেলে
অনেক অ্যাক্সেসিবিলিটি সমাধান একই সাথে ভালো মোবাইল ডিজাইন আর ভালো এসইও: পরিষ্কার শিরোনাম, অর্থবহ লিংক, ছবির বর্ণনা, দ্রুত লোড, আর ঠিকভাবে বড়-ছোট হওয়া লেখা। আপনার সাইট যদি এমনিতেই ফোনে সমস্যা করে, তাহলে মোবাইল-ফার্স্ট রিডিজাইনের সাথে অ্যাক্সেসিবিলিটির কাজ স্বাভাবিকভাবেই মিলে যায়।
কিছু দেশে নির্দিষ্ট প্রতিষ্ঠানের জন্য অ্যাক্সেসিবিলিটি আইনত বাধ্যতামূলক, আর প্রত্যাশা জায়গাভেদে আলাদা। বিদেশি ক্রেতা, সরকারি সংস্থা বা আন্তর্জাতিক প্রতিষ্ঠানের সাথে কাজ করলে তাদের কাছে জেনে নিন কী দরকার, আর গুরুত্বপূর্ণ ক্ষেত্রে আইনি পরামর্শ নিন।
কোথা থেকে শুরু করবেন
দশটি যাচাই তিনটি পেজে করুন: হোম পেজ, সবচেয়ে বেশি দেখা পেজ, আর যোগাযোগ বা অর্ডার ফর্ম। আগে কম খরচের সমস্যাগুলো ঠিক করুন, যেমন কনট্রাস্ট, ছবির বর্ণনা, ফর্মের লেবেল আর লিংকের ভাষা। তারপর ডেভেলপারকে বলুন, প্রতিটি নতুন পেজে অ্যাক্সেসিবিলিটিকে সাধারণ শর্ত হিসেবে ধরতে। আপনার সাইটের পর্যালোচনা চাইলে যোগাযোগ করুন, অথবা দেখুন আমার ওয়েবসাইট ডেভেলপমেন্ট সার্ভিস।