আপনার ওয়েবসাইটটি প্রতিবন্ধী ব্যক্তিদের কাছে অ্যাক্সেসযোগ্য করে, আপনি শেষ পর্যন্ত সবার জন্য অ্যাক্সেসযোগ্য। আসলে, আপনার ওয়েবসাইটটিকে আরও অ্যাক্সেসযোগ্য করে তুলতে এমনকি লোকেরা অনুসন্ধান ইঞ্জিনে আপনার ওয়েবসাইট খুঁজে পেতে সহায়তা করতে পারে। কেন? কারণ সার্চ ইঞ্জিনগুলি আপনার ওয়েবসাইটের সামগ্রীগুলি খুঁজে পেতে এবং বোঝার জন্য স্ক্রিন পাঠকদের খুব একই সংকেত ব্যবহার করে।
কিন্তু কিভাবে আপনি একটি কোডিং বিশেষজ্ঞ হয়ে ছাড়া একটি প্রবেশযোগ্য ওয়েবসাইট করতে?
এখানে কিছু টিপস এবং কৌশল যা প্রায়শই মৌলিক HTML জ্ঞান সহ যে কেউ তাদের ওয়েবসাইটের অ্যাক্সেসিবিলিটি উন্নত করতে ব্যবহার করতে পারে।
ওয়েব অ্যাক্সেসিবিলিটি সরঞ্জাম
W3C ওয়েব অ্যাক্সেসিবিলিটি সরঞ্জামগুলির একটি চমত্কার তালিকা রয়েছে যা আপনি আপনার ওয়েবসাইটের সাথে সম্ভাব্য সমস্যা স্পট করার জন্য একটি চেকার হিসাবে ব্যবহার করতে পারেন। যে বলেন, আমি এখনও একটি স্ক্রিন রিডার কিছু অন্বেষণ করছেন এবং নিজের জন্য এটি সম্মুখীন সুপারিশ।
স্ক্রিন রিডার বুঝতে
আপনি আপনার ওয়েবসাইটের অ্যাক্সেসিবিলিটি উন্নত করতে সবচেয়ে গুরুত্বপূর্ণ উপায়গুলির মধ্যে একটি এটি স্ক্রিন পাঠকদের দ্বারা বোঝা যায় তা নিশ্চিত করা। স্ক্রিন পাঠক পর্দায় পাঠ্য পড়তে একটি সংশ্লেষিত ভয়েস ব্যবহার করে। যে বেশ সহজবোধ্য শোনাচ্ছে; যাইহোক, পর্দা পাঠক বা অন্যান্য সহায়ক প্রযুক্তি আপনার ওয়েবসাইটটিকে বর্তমানে সেট আপ করার উপায়টি বুঝতে পারে না।
আপনি যা করতে চান তা প্রথমটি একটি পর্দা পাঠক চেষ্টা করে দেখুন এবং এটি কিভাবে যায় তা দেখুন। আপনি যদি ম্যাকে থাকেন তবে ভয়েসওভার ব্যবহার করে দেখুন।
- যাও সিস্টেম পছন্দসমূহ
- নির্বাচন করা অভিগম্যতা।
- নির্বাচন করা VoiceOver।
- বাক্সটি যাচাই কর VoiceOver সক্ষম করার জন্য।
আপনি কমান্ড-F5 ব্যবহার করে এটি চালু এবং বন্ধ করতে পারেন।
আপনি যদি উইন্ডোজ মেশিনে থাকেন তবে আপনি এনভিডিএ ডাউনলোড করতে পারেন। আপনি এটি শর্টকাট নিয়ন্ত্রণ + alt + n দিয়ে টগল করতে এবং বন্ধ করতে সেট করতে পারেন।
উভয় স্ক্রিন পাঠক কীবোর্ড দ্বারা ব্যবহারকারী নেভিগেট করে কাজ করে (এটি বোঝায় - যদি আপনি দেখতে না পারেন তবে একটি মাউস ব্যবহার করে একটি চ্যালেঞ্জ হবে) এবং নেভিগেশনের জন্য ফোকাস এলাকা তৈরি করে। মূলত ফোকাস মূলত যেখানে "বিন্দু" থাকে তবে এটি সাধারণত কার্সারের পরিবর্তে ফোকাস বস্তুর চারপাশে একটি হাইলাইট বক্স হিসাবে প্রদর্শিত হয়।
ডিফল্ট সেটিংগুলি যদি বিরক্তিকর হয় তবে ভয়েস পিক এবং গতি উভয়টিই আপনি পরিবর্তন করতে পারেন (এবং মানসম্মত ধীর ভয়েস রিডিং শোনার প্রায় পাঁচ মিনিট পরে, তারা সাধারণত থাকে)। অন্ধ মানুষ সাধারণত তাদের গতি পাঠকদের সঙ্গে উচ্চ গতিতে সেট ওয়েবসাইট সঙ্গে পড়া।
এটি করার পরে এটি আপনার চোখ বন্ধ করতে সহায়তা করতে পারে, তবে এটি তাদের খোলা রাখতে এবং তুলনা করতে সহায়তা করতে পারে। আপনার ওয়েবসাইটটি শোনার চেষ্টা করার সময় আপনি কিছু অবিলম্বে বিজ্ঞপ্তি দিতে পারেন যে কিছু পাঠ্য অর্ডারের বাইরে হতে পারে। শিরোনাম এবং টেবিল jumbled পেতে পারেন। ছবিগুলি বাদ দেওয়া যেতে পারে অথবা তারা "চিত্র" বা সমানভাবে অসহায় কিছু বলতে পারে। টেবিল প্রসঙ্গ ছাড়াই আইটেম সিরিজের হিসাবে পড়তে ঝোঁক।
আপনি, আশা, এই ঠিক করতে পারেন।
Alt-tags বা বিকল্প বৈশিষ্ট্য
Alt-tag বা বিকল্প (alt) বৈশিষ্ট্যটি একটি চিত্রটি বর্ণনা করতে HTML এ ব্যবহৃত হয়। এইচটিএমএল, এটা এই মত কিছু দেখায়:
এমনকি আপনি যদি আপনার HTML কোডকে লুকিয়ে রাখেন এমন একটি চাক্ষুষ সরঞ্জাম সহ আপনার ওয়েবসাইট তৈরি করেন তবে আপনি প্রায়শই একটি চিত্রের বিবরণ প্রবেশ করার সুযোগ পাবেন। আপনি কিছুই (alt = "") লিখতে পারবেন না তবে প্রতিটি চিত্রটি সহায়ক বর্ণনা দেওয়ার জন্য এটি আরও ভাল হবে। আপনি অন্ধ ছিল, আপনি ইমেজ সম্পর্কে কি জানতে হবে? "নারী" অনেক সাহায্য নয়, তবে "নারী চিত্র অঙ্কন প্রবাহের চার্ট অ্যাক্সেসিবিলিটি, ব্যবহারযোগ্যতা, ব্র্যান্ডিং এবং ডিজাইন সহ।"
শিরোনাম টেক্সট
ওয়েবসাইটগুলি সর্বদা এইচটিএমএল শিরোনাম ট্যাগ প্রদর্শন করে না, তবে এটি স্ক্রিন পাঠকদের জন্য সহায়ক। আপনার ওয়েবসাইটের প্রতিটি পৃষ্ঠার একটি বর্ণনামূলক (কিন্তু অতিমাত্রায় ক্রিয়াপদ) শিরোনাম নেই তা নিশ্চিত করুন যে পৃষ্ঠাটি কী সম্পর্কে পৃষ্ঠাটিকে বলে।
আপনার ওয়েবসাইট ভাল তথ্য অনুক্রম দিন
শিরোনামের সাথে পাঠ্যের বড় অংশগুলি ভেঙে ফেলুন এবং যদি সম্ভব হয় তবে H1, H2, H3 অনুক্রমের সাথে শিরোনামগুলি যথাযথভাবে ব্যবহার করুন। এটি কেবল আপনার পাঠকদের স্ক্রিন পাঠকদের জন্য সহজ করে না, এটি অন্য সকলের জন্য এটি সহজ করে তোলে। Google এবং অন্যান্য অনুসন্ধান ইঞ্জিনগুলির জন্য এটি আপনার দুর্দান্ত সূচীকে আরও ভালভাবে সাহায্য করতে এটি একটি দুর্দান্ত সংকেত।
একইভাবে, আপনাকে নিশ্চিত করতে হবে যে আপনার ওয়েবসাইট একটি লজিক্যাল সামগ্রীর অর্ডারে রয়েছে এবং আপনার কাছে সম্পর্কিত সম্পর্কিত বাক্সগুলিতে উপস্থিত নেই। আপনি যদি বিজ্ঞাপনগুলি ব্যবহার করেন তবে আপনার বিজ্ঞাপনগুলি অত্যন্ত বেশি বিভ্রান্তিকর নয় এবং আপনার ওয়েবসাইটের বার্তাকে খুব ঘন ঘন ভাঙ্গাও দেখুন।
ভাল টেবিল করুন
যদি আপনি HTML টেবিল ব্যবহার করেন তবে ট্যাগটি ব্যবহার করে আপনি ট্যাগগুলিতে ক্যাপশন যোগ করতে পারেন যাতে সাহায্যে পাঠ্য পাঠকদের দ্বারা বোঝা সহজ করে তুলতে হয়, কেবল সাহসী পাঠ্যতে একটি টেবিলের শিরোনাম তৈরি করা যায়। এছাড়াও আপনি "স্কোপ" উপাদানটি যোগ করতে এবং আপনার টেবিলে নতুন সারি এবং কলামগুলি স্পষ্টভাবে লেবেল করতে পারেন যাতে স্ক্রীন পাঠকরা কোনও প্রসঙ্গ ছাড়াই কেবল টেবিলের ঘরগুলির একটি সিরিজ বন্ধ করে না।
কীবোর্ড ন্যাভিগেশন
সাধারণভাবে, আপনি আপনার ওয়েবসাইটে যেকোন কিছু থাকা উচিত যা কেউ কল্পনাপ্রসূত কীবোর্ড ব্যবহার করেই করতে পারে। এর অর্থ হল আপনার ন্যাভিগেশন বোতামগুলি অ্যানিমেটেড ড্রপডাউন বোতাম হওয়া উচিত না যদি আপনি স্ক্রীন রিডারের সাথে তাদের ব্যবহার করতে না পারেন (এটি চেষ্টা করে দেখুন এবং আপনি নিশ্চিত নন কিনা তা দেখুন - কিছু বোতামগুলি কীবোর্ড ব্যবহারের জন্য প্রোগ্রাম করা হয়।)
শিরোনাম বন্ধ কর
আপনি যদি আপনার ওয়েবসাইটে ভিডিও বা অডিও উপাদান যোগ করেন তবে তাদের ক্যাপশন থাকতে হবে। HTML5 এবং অনেক ভিডিও স্ট্রিমিং পরিষেবাদি (ইউটিউব মত) বন্ধ বন্ধ ক্যাপশন সমর্থন অফার। বন্ধ ক্যাপশনগুলি কেবলমাত্র অ্যাক্সেসিবিলিটির জন্যই নয় তবে এমন ব্যবহারকারীদের জন্যও যেখানে আপনার ওয়েবসাইটটি ব্রাউজ করা যেতে পারে যেখানে তারা অডিও চালাতে পারে না, যেমন একটি অফিসে বা শোরগোলের স্থানে।
পডকাস্ট বা অন্যান্য অডিও উপাদানগুলির জন্য, একটি পাঠ্য ট্রান্সক্রিপ্ট প্রদান বিবেচনা করুন। এটি কেবল তাদের জন্য উপকারী নয় যারা অডিও শুনতে না পারে, পাঠ্যটি Google এবং অন্যান্য অনুসন্ধান ইঞ্জিনের জন্য সামগ্রীটিকে সূচী করা সহজ করে এবং আপনার Google র্যাঙ্কিংকে সহায়তা করে।
Gmail- কে
আপনি যদি অ্যাক্সেসযোগ্যতার উন্নত স্তরে যেতে চান তবে HTML5 ARIA বা WAI-ARIA স্পেসিফিকেশনগুলি নতুন মানদন্ডে এগিয়ে যাওয়ার লক্ষ্য রাখে। যাইহোক, এটি একটি জটিল (এবং বিকশিত) প্রযুক্তিগত ম্যানুয়াল, তাই আপনি যা করতে পারেন তা আপনার ওয়েবসাইটে কোনও সমস্যাগুলির সমাধান করতে পারে কিনা তা দেখতে স্ক্যান করার জন্য ARIA বৈধতা ব্যবহার করুন। মরিলা এছাড়াও ARIA সঙ্গে শুরু করার জন্য একটি আরো সহায়ক উপায় আছে।
