এই নিয়ম কী যাচাই করে
নিশ্চিত করে যে ARIA ও লেবেলে ব্যবহৃত প্রতিটি id অ্যাট্রিবিউটের মান অনন্য.
কেন এটি গুরুত্বপূর্ণ
লেবেল ও বর্ণনা id দিয়ে এলিমেন্টকে নির্দেশ করে; ডুপ্লিকেট id সেই সংযোগ ভেঙে দেয় (WCAG 4.1.2)।
কীভাবে ঠিক করবেন
- প্রতিটি এলিমেন্টকে একটি অনন্য id দিন এবং যেসব অ্যাট্রিবিউট সেটিকে নির্দেশ করে সেগুলো হালনাগাদ করুন (for, aria-labelledby, aria-describedby)।
- Shopify সেকশনে id-তে {{ section.id }} যোগ করুন, যাতে একই সেকশন একাধিকবার থাকলেও id অনন্য থাকে।
সংশোধন কীভাবে যাচাই করবেন
- আবার স্ক্যান করুন এবং নিশ্চিত হন যে duplicate-id নিয়মটি উত্তীর্ণ হচ্ছে।
FixReports কীভাবে এটি খুঁজে পায়
আমাদের স্ক্যান যে পেজই পরীক্ষা করে, সেখানে একটি আসল Chrome ব্রাউজারে axe-core-এর duplicate-id-aria নিয়মটি চালায়, এবং প্রতিটি ব্যর্থ এলিমেন্ট তার পেজ, মার্কআপ এবং প্রযোজ্য হলে একটি স্ক্রিনশটসহ জানায়।
একটি স্বয়ংক্রিয় পরীক্ষা নিশ্চিত করে যে এই নির্দিষ্ট সমস্যাটি আছে। পেজের বাকি অংশ অ্যাক্সেসিবল কি না, তা এটি বলতে পারে না: কিছু বাধা কেবল তখনই ধরা পড়ে, যখন একজন মানুষ পেজটি যাচাই করেন।