পরীক্ষা করুন যে সমস্ত কাস্টম নিয়ন্ত্রণের একটি উপযুক্ত role রয়েছে এবং যেকোন প্রয়োজনীয় ARIA বৈশিষ্ট্য রয়েছে যা তাদের বৈশিষ্ট্য এবং অবস্থা প্রদান করে। উদাহরণ স্বরূপ, একটি কাস্টম চেকবক্সের প্রয়োজন একটি role="checkbox" এবং aria-checked="true|false" এর অবস্থা সঠিকভাবে জানাতে। ARIA কীভাবে কাস্টম নিয়ন্ত্রণের জন্য অনুপস্থিত শব্দার্থবিদ্যা প্রদান করতে পারে তার একটি সাধারণ ওভারভিউয়ের জন্য ARIA-এর ভূমিকা দেখুন।
কিভাবে ম্যানুয়ালি পরীক্ষা করা যায়
সমস্ত কাস্টম ইন্টারেক্টিভ কন্ট্রোলে উপযুক্ত ARIA ভূমিকা আছে কিনা তা পরীক্ষা করতে, Chrome DevTools অ্যাক্সেসিবিলিটি ফলক বা একটি স্ক্রিন রিডার ব্যবহার করে পৃষ্ঠাটি পরীক্ষা করুন৷ JAWS এবং NVDA হল Windows এর জন্য দুটি জনপ্রিয় স্ক্রিন রিডার। ভয়েসওভার হল MacOS-এ অন্তর্নির্মিত স্ক্রিন রিডার।
CSS ব্যবহার করে, <div> এবং <button> উপাদানগুলিকে স্টাইল করা সম্ভব যাতে তারা একই ভিজ্যুয়াল সুবিধাগুলি প্রকাশ করে, কিন্তু স্ক্রিন রিডার ব্যবহার করার সময় দুটি অভিজ্ঞতা খুব আলাদা। একটি <div> শুধুমাত্র একটি সাধারণ গ্রুপিং উপাদান, তাই একজন স্ক্রিন রিডার শুধুমাত্র <div> এর পাঠ্য বিষয়বস্তু ঘোষণা করে। <button> একটি "বোতাম" হিসাবে ঘোষণা করা হয়, এটি ব্যবহারকারীর কাছে একটি শক্তিশালী সংকেত যে এটি এমন কিছু যা তারা যোগাযোগ করতে পারে। এছাড়াও শব্দার্থবিদ্যা এবং স্ক্রিন রিডার দেখুন।
কিভাবে ঠিক করবো
এই সমস্যার সবচেয়ে সহজ এবং প্রায়শই সর্বোত্তম সমাধান হল কাস্টম ইন্টারেক্টিভ নিয়ন্ত্রণগুলি সম্পূর্ণভাবে এড়ানো। উদাহরণস্বরূপ, একটি <div> প্রতিস্থাপন করুন যা একটি বোতামের মতো কাজ করে একটি প্রকৃত <button> দিয়ে।
যদি আপনাকে <div> রাখতেই হয়, তাহলে <div> এ role="button" এবং aria-pressed="false" যোগ করুন।
এখন স্ক্রিন রিডাররা <div> এর ভূমিকা এবং ইন্টারেক্টিভ অবস্থা ঘোষণা করবে।
কেন এই ব্যাপার
সহায়ক প্রযুক্তি ব্যবহারকারীরা আপনার বিষয়বস্তু কীভাবে অনুভব করেন তা সত্যিকারভাবে বোঝার একমাত্র উপায় হল একটি স্ক্রিন রিডার ব্যবহার করে নিজেই সেই সামগ্রীটি পরীক্ষা করা৷ একটি স্ক্রিন রিডার ব্যবহার করলে আপনার বিষয়বস্তু কীভাবে লেবেল করা হয়েছে এবং সহায়ক প্রযুক্তি নেভিগেশনে কোনো বাধা আছে কি না সে সম্পর্কে আপনাকে স্পষ্ট ধারণা দেবে। আপনি যদি সহায়ক প্রযুক্তির দ্বারা শব্দার্থিক মার্কআপকে কীভাবে ব্যাখ্যা করা হয় সে সম্পর্কে অপরিচিত হন, তাহলে রিফ্রেশারের জন্য শব্দার্থবিদ্যার ভূমিকা দেখুন।
কিভাবে একটি অ্যাক্সেসিবিলিটি পর্যালোচনা করতে হয় তাও দেখুন।
সম্পদ
কাস্টম নিয়ন্ত্রণের জন্য সোর্স কোডে ARIA ভূমিকা নিরীক্ষা করা হয়