এই নিয়ম কী যাচাই করে
নিশ্চিত করে যে aria-hidden এলিমেন্টগুলো ফোকাসযোগ্য নয় এবং এদের ভেতরে কোনো ফোকাসযোগ্য এলিমেন্ট নেই.
কেন এটি গুরুত্বপূর্ণ
কিবোর্ড ব্যবহারকারীরা এমন এলিমেন্টে পৌঁছান, যা স্ক্রিন রিডার ঘোষণা করে না (WCAG 4.1.2)।
কীভাবে ঠিক করবেন
- ফোকাস পাওয়া যায় এমন এলিমেন্ট থাকা কন্টেইনার থেকে aria-hidden সরিয়ে দিন, অথবা লুকানো অফ-ক্যানভাস মেনু ও স্লাইডে tabindex="-1" ও inert অ্যাট্রিবিউট যোগ করুন।
সংশোধন কীভাবে যাচাই করবেন
- স্ক্রিন রিডার চালু রেখে Tab চেপে পুরো পেজ ঘুরে দেখুন।
FixReports কীভাবে এটি খুঁজে পায়
আমাদের স্ক্যান যে পেজই পরীক্ষা করে, সেখানে একটি আসল Chrome ব্রাউজারে axe-core-এর aria-hidden-focus নিয়মটি চালায়, এবং প্রতিটি ব্যর্থ এলিমেন্ট তার পেজ, মার্কআপ এবং প্রযোজ্য হলে একটি স্ক্রিনশটসহ জানায়।
একটি স্বয়ংক্রিয় পরীক্ষা নিশ্চিত করে যে এই নির্দিষ্ট সমস্যাটি আছে। পেজের বাকি অংশ অ্যাক্সেসিবল কি না, তা এটি বলতে পারে না: কিছু বাধা কেবল তখনই ধরা পড়ে, যখন একজন মানুষ পেজটি যাচাই করেন।