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