অফস্ক্রিন বিষয়বস্তু সহায়ক প্রযুক্তি থেকে লুকানো হয়

নিশ্চিত করুন যে পৃষ্ঠার শুধুমাত্র প্রাসঙ্গিক অংশগুলি স্ক্রিন রিডার এবং অন্যান্য সহায়ক প্রযুক্তির সংস্পর্শে এসেছে। উদাহরণস্বরূপ, অফস্ক্রিন বা শুধুমাত্র উপস্থাপনামূলক বিষয়বস্তু সহায়ক প্রযুক্তি থেকে লুকানো উচিত।

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

অফস্ক্রিন সামগ্রী লুকানো আছে তা পরীক্ষা করতে, আপনাকে একটি স্ক্রিন রিডার ব্যবহার করে সেই সামগ্রীটি ম্যানুয়ালি পরীক্ষা করতে হবে৷ - ম্যাক ব্যবহারকারীদের জন্য, ভয়েসওভার ব্যবহার করার জন্য এই ভিডিওটি দেখুন। - পিসি ব্যবহারকারীদের জন্য, NVDA ব্যবহার করার জন্য এই ভিডিওটি দেখুন। - Chromebooks ব্যবহারকারীদের জন্য, বিল্ট-ইন স্ক্রিন রিডার, ChromeVox চেক আউট করুন৷

আপনার পৃষ্ঠার মাধ্যমে ট্যাব করতে TAB কী ব্যবহার করুন। স্ক্রিন রিডার লুকানো বিষয়বস্তু ঘোষণা করা উচিত নয়।

কিভাবে ঠিক করবো

অফস্ক্রিন বিষয়বস্তু লুকানোর জন্য, ট্যাব ক্রম থেকে সেই বিষয়বস্তু ধারণকারী উপাদানটিকে display: none বা visibility: hidden ।

উদাহরণ স্বরূপ:

.remove-me {
  visibility: hidden;
}

<button class="remove-me">Can't reach me with the TAB key!</button>

এছাড়াও দেখুন অফস্ক্রিন সামগ্রীর দৃশ্যমানতা সঠিকভাবে সেট করুন ।

সম্পদ

অফস্ক্রিন কন্টেন্টের সোর্স কোড সহায়ক প্রযুক্তি নিরীক্ষা থেকে লুকানো আছে