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