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