ইন্টারেক্টিভ উপাদান, যেমন লিঙ্ক এবং বোতাম, তাদের অবস্থা নির্দেশ করা উচিত এবং অ-ইন্টারেক্টিভ উপাদান থেকে আলাদা করা উচিত। ইন্টারেক্টিভ উপাদানগুলি তাদের উদ্দেশ্য এবং অবস্থা নির্দেশ করে তা পরীক্ষা করতে, একটি ভিজ্যুয়াল এবং একটি স্ক্রিন রিডার পরীক্ষা উভয়ই ব্যবহার করুন।
কিভাবে ম্যানুয়ালি ভিজ্যুয়াল ফোকাস পরীক্ষা করবেন
ম্যানুয়ালি ভিজ্যুয়াল ফোকাস পরীক্ষা করতে, আপনার পৃষ্ঠার মাধ্যমে TAB ।
- আপনি প্রতিটি ইন্টারেক্টিভ উপাদান ট্যাব করতে সক্ষম?
- আপনি যখন একটি ইন্টারেক্টিভ উপাদানে পৌঁছান, তখন কি একটি ভিজ্যুয়াল ক্লু আছে যা ব্যবহারকারীরা এটির সাথে ইন্টারঅ্যাক্ট করতে পারে?
- আপনি যখন এটি নির্বাচন করেন তখন কি প্রতিটি ইন্টারেক্টিভ উপাদান চেহারায় পরিবর্তন হয়?
প্রতিটি ইন্টারেক্টিভ উপাদানের জন্য ফোকাস সূচক স্টাইল করার অনেক উপায় আছে। একটি নিশ্চিত উপায় হল ব্যবহার করা :focus . :focus সিউডো-ক্লাস আপনাকে একটি উপাদানে একটি অভিন্ন শৈলী প্রয়োগ করতে দেয়। উপাদানটি ফোকাস করার সময় যে কোনো সময় এই স্টাইলটি প্রয়োগ করা হয়, ইনপুট ডিভাইস বা পদ্ধতিতে ফোকাস করার জন্য ব্যবহৃত পদ্ধতি নির্বিশেষে।
স্টাইল ফোকাসে আরও জানুন।
স্ক্রিন রিডার দিয়ে কীভাবে ম্যানুয়ালি পরীক্ষা করবেন
একটি স্ক্রিন রিডার ব্যবহার করে, আপনার পৃষ্ঠা নেভিগেট করুন এবং পরীক্ষা করুন যে স্ক্রিন রিডার প্রতিটি ইন্টারেক্টিভ নিয়ন্ত্রণের নাম, সেই নিয়ন্ত্রণের ভূমিকা এবং বর্তমান ইন্টারেক্টিভ অবস্থা ঘোষণা করতে সক্ষম। যদি একটি উপাদানের ভূমিকা অস্পষ্ট হয়, এবং উপাদানটির অবস্থা অস্পষ্ট হয়, তাহলে আপনাকে উপযুক্ত ARIA ভূমিকা যোগ করতে হতে পারে। কাস্টম নিয়ন্ত্রণে আরও জানুন ARIA ভূমিকা আছে ৷
ইন্টারেক্টিভ উপাদানগুলি কীভাবে লেবেল করা হয় সেদিকে মনোযোগ দেওয়াও গুরুত্বপূর্ণ। স্ক্রিন রিডার এবং অন্যান্য সহায়ক প্রযুক্তির ব্যবহারকারীরা সেই উপাদানটির প্রসঙ্গ বোঝার জন্য লেবেলের উপর নির্ভর করে। অস্পষ্ট লেবেলগুলি সাধারণ, এবং তারা বিষয়বস্তু নেভিগেট করার জন্য অ-সহায়ক। লেবেল এবং পাঠ্য বিকল্পগুলিকে কীভাবে উন্নত করতে হয় তা শিখুন।
কেন এই ব্যাপার
একটি নিয়ন্ত্রণ কী করবে সে সম্পর্কে ভিজ্যুয়াল ইঙ্গিত প্রদান করা লোকেদের আপনার সাইট পরিচালনা এবং নেভিগেট করতে সহায়তা করে৷ এই ইঙ্গিত affordances বলা হয়. সামর্থ্য প্রদান করা লোকেদের জন্য বিভিন্ন ধরণের ডিভাইসে আপনার সাইট ব্যবহার করা সম্ভব করে তোলে।
সম্পদ
ইন্টারেক্টিভ উপাদানগুলির জন্য উত্স কোড তাদের উদ্দেশ্য এবং রাষ্ট্র নিরীক্ষা নির্দেশ করে