নিশ্চিত করুন যে পৃষ্ঠার শুধুমাত্র প্রাসঙ্গিক অংশগুলি স্ক্রিন রিডার এবং অন্যান্য সহায়ক প্রযুক্তির সংস্পর্শে এসেছে। উদাহরণস্বরূপ, অফস্ক্রিন বিষয়বস্তু সহায়ক প্রযুক্তি থেকে লুকানো উচিত।
কিভাবে ম্যানুয়ালি পরীক্ষা করা যায়
অফস্ক্রিন বিষয়বস্তু লুকানো আছে তা পরীক্ষা করতে, আপনার স্ক্রিন রিডার স্ক্রিন রিডার দিয়ে পরীক্ষা করা উচিত।
- ম্যাক ব্যবহারকারীদের জন্য, ভয়েসওভার ব্যবহার করার জন্য এই ভিডিওটি দেখুন।
- পিসি ব্যবহারকারীদের জন্য, 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>
এছাড়াও দেখুন অফস্ক্রিন সামগ্রীর দৃশ্যমানতা সঠিকভাবে সেট করুন ।
সম্পদ
অফস্ক্রিন কন্টেন্টের সোর্স কোড সহায়ক প্রযুক্তি নিরীক্ষা থেকে লুকানো আছে