এই নিয়ম কী যাচাই করে
নিশ্চিত করে যে বাটনগুলোতে বোঝা যায় এমন লেখা আছে.
কেন এটি গুরুত্বপূর্ণ
WCAG 4.1.2 অনুযায়ী প্রতিটি কন্ট্রোলের একটি নাম থাকতে হবে। নামহীন বাটনের মধ্যে প্রায়ই থাকে পরিমাণ বাড়ানো-কমানোর বাটন, বন্ধ করার বাটন ও স্লাইডারের তীরচিহ্ন।
কীভাবে ঠিক করবেন
- নামহীন বাটনগুলো খুঁজে বের করুন, সাধারণত যেসব বাটন শুধু একটি আইকন দেখায়।
- দৃশ্যমান লেখা, চোখে-না-দেখা (visually hidden) লেখা, অথবা বাটনটি কী করে তা জানানো একটি aria-label যোগ করুন (যেমন aria-label="Close" বা aria-label="Increase quantity")।
সংশোধন কীভাবে যাচাই করবেন
- প্রভাবিত পেজগুলো আবার স্ক্যান করুন।
- স্ক্রিন রিডার দিয়ে বাটনগুলো যাচাই করুন।
FixReports কীভাবে এটি খুঁজে পায়
আমাদের স্ক্যান যে পেজই পরীক্ষা করে, সেখানে একটি আসল Chrome ব্রাউজারে axe-core-এর button-name নিয়মটি চালায়, এবং প্রতিটি ব্যর্থ এলিমেন্ট তার পেজ, মার্কআপ এবং প্রযোজ্য হলে একটি স্ক্রিনশটসহ জানায়।
একটি স্বয়ংক্রিয় পরীক্ষা নিশ্চিত করে যে এই নির্দিষ্ট সমস্যাটি আছে। পেজের বাকি অংশ অ্যাক্সেসিবল কি না, তা এটি বলতে পারে না: কিছু বাধা কেবল তখনই ধরা পড়ে, যখন একজন মানুষ পেজটি যাচাই করেন।