এই নিয়ম কী যাচাই করে
নিশ্চিত করে যে select এলিমেন্টের একটি অ্যাক্সেসিবল নাম আছে.
কেন এটি গুরুত্বপূর্ণ
WCAG 4.1.2 অনুযায়ী সিলেক্ট মেনুর একটি অ্যাক্সেসিবল নাম থাকতে হবে।
কীভাবে ঠিক করবেন
- সিলেক্টের সঙ্গে যুক্ত একটি <label> যোগ করুন, অথবা aria-label="Sort by"-এর মতো একটি aria-label দিন।
সংশোধন কীভাবে যাচাই করবেন
- কালেকশন ও প্রোডাক্ট পেজগুলো আবার স্ক্যান করুন।
FixReports কীভাবে এটি খুঁজে পায়
আমাদের স্ক্যান যে পেজই পরীক্ষা করে, সেখানে একটি আসল Chrome ব্রাউজারে axe-core-এর select-name নিয়মটি চালায়, এবং প্রতিটি ব্যর্থ এলিমেন্ট তার পেজ, মার্কআপ এবং প্রযোজ্য হলে একটি স্ক্রিনশটসহ জানায়।
একটি স্বয়ংক্রিয় পরীক্ষা নিশ্চিত করে যে এই নির্দিষ্ট সমস্যাটি আছে। পেজের বাকি অংশ অ্যাক্সেসিবল কি না, তা এটি বলতে পারে না: কিছু বাধা কেবল তখনই ধরা পড়ে, যখন একজন মানুষ পেজটি যাচাই করেন।