ইন্টারেক্টিভ উপাদানগুলি তাদের উদ্দেশ্য এবং অবস্থা নির্দেশ করে

ইন্টারেক্টিভ উপাদান, যেমন লিঙ্ক এবং বোতাম, তাদের অবস্থা নির্দেশ করা উচিত এবং অ-ইন্টারেক্টিভ উপাদান থেকে আলাদা করা উচিত। ইন্টারেক্টিভ উপাদানগুলি তাদের উদ্দেশ্য এবং অবস্থা নির্দেশ করে তা পরীক্ষা করতে, একটি ভিজ্যুয়াল এবং একটি স্ক্রিন রিডার পরীক্ষা উভয়ই ব্যবহার করুন।

কিভাবে ম্যানুয়ালি পরীক্ষা করা যায়

আপনার দৃশ্যত এবং স্ক্রিন রিডারের সাথে ইন্টারেক্টিভ উপাদানগুলি পরীক্ষা করা উচিত।

চাক্ষুষ ফোকাস পরীক্ষা করুন

ম্যানুয়ালি ভিজ্যুয়াল ফোকাস পরীক্ষা করতে, আপনার পৃষ্ঠার মাধ্যমে TAB

  • আপনি প্রতিটি ইন্টারেক্টিভ উপাদান ট্যাব করতে পারেন?
  • আপনি যখন একটি ইন্টারেক্টিভ উপাদানে পৌঁছান, তখন কি একটি ভিজ্যুয়াল ক্লু আছে যা ব্যবহারকারীরা এটির সাথে ইন্টারঅ্যাক্ট করতে পারে?
  • আপনি যখন এটি নির্বাচন করেন তখন কি প্রতিটি ইন্টারেক্টিভ উপাদান চেহারায় পরিবর্তন হয়?

প্রতিটি ইন্টারেক্টিভ উপাদানের জন্য ফোকাস সূচক স্টাইল করার অনেক উপায় আছে। একটি উপায় হল :focus সিউডো-ক্লাস স্টাইল করা। উপাদানটি ফোকাস করার সময় যে কোনো সময় এই স্টাইলটি প্রয়োগ করা হয়, ইনপুট ডিভাইস বা পদ্ধতিতে ফোকাস করার জন্য ব্যবহৃত পদ্ধতি নির্বিশেষে।

কীভাবে স্টাইল ফোকাস করবেন সে সম্পর্কে আরও জানুন।

স্ক্রিন রিডার দিয়ে পরীক্ষা করুন

আপনার পৃষ্ঠা নেভিগেট করতে একটি স্ক্রিন রিডার ব্যবহার করুন এবং স্ক্রিন রিডার প্রতিটি ইন্টারেক্টিভ নিয়ন্ত্রণের নাম, সেই নিয়ন্ত্রণের ভূমিকা এবং বর্তমান ইন্টারেক্টিভ অবস্থা ঘোষণা করে কিনা তা পরীক্ষা করুন৷ যদি একটি উপাদানের ভূমিকা অস্পষ্ট হয়, এবং উপাদানটির অবস্থা অস্পষ্ট হয়, তাহলে আপনাকে উপযুক্ত ARIA ভূমিকা যোগ করতে হতে পারে।

কাস্টম নিয়ন্ত্রণে আরও জানুন ARIA ভূমিকা আছে

ইন্টারেক্টিভ উপাদানগুলিকে কীভাবে লেবেল করা হয় সেদিকে মনোযোগ দেওয়াও গুরুত্বপূর্ণ। স্ক্রিন রিডার এবং অন্যান্য সহায়ক প্রযুক্তির ব্যবহারকারীরা সেই উপাদানটির প্রসঙ্গ বোঝার জন্য লেবেলের উপর নির্ভর করে। অস্পষ্ট লেবেলগুলি সাধারণ, এবং তারা বিষয়বস্তু নেভিগেট করার জন্য অ-সহায়ক। লেবেল এবং পাঠ্য বিকল্পগুলিকে কীভাবে উন্নত করতে হয় তা শিখুন।

কেন এই ব্যাপার

একটি নিয়ন্ত্রণ কী করে সে সম্পর্কে ভিজ্যুয়াল ইঙ্গিত প্রদান করা লোকেদের আপনার সাইট পরিচালনা এবং নেভিগেট করতে সহায়তা করতে পারে। এই ইঙ্গিত affordances বলা হয়. সামর্থ্য মানুষের জন্য বিভিন্ন ধরনের ডিভাইসে আপনার সাইট ব্যবহার করা সম্ভব করে তোলে।

সম্পদ

ইন্টারেক্টিভ উপাদানগুলির জন্য উত্স কোড তাদের উদ্দেশ্য এবং রাষ্ট্র নিরীক্ষা নির্দেশ করে