এই নিয়ম কী যাচাই করে
নিশ্চিত করে যে img, image, graphics-document বা graphics-symbol role থাকা <svg> এলিমেন্টে অ্যাক্সেসিবল লেখা আছে.
কেন এটি গুরুত্বপূর্ণ
WCAG 1.1.1 অনুযায়ী অর্থবহ ছবির জন্য বিকল্প লেখা থাকতে হবে।
কীভাবে ঠিক করবেন
- অর্থবহ SVG-তে aria-label বা একটি <title> এলিমেন্ট যোগ করুন, আর শুধু সাজসজ্জার SVG-তে aria-hidden="true"।
সংশোধন কীভাবে যাচাই করবেন
- প্রভাবিত পেজগুলো আবার স্ক্যান করুন।
FixReports কীভাবে এটি খুঁজে পায়
আমাদের স্ক্যান যে পেজই পরীক্ষা করে, সেখানে একটি আসল Chrome ব্রাউজারে axe-core-এর svg-img-alt নিয়মটি চালায়, এবং প্রতিটি ব্যর্থ এলিমেন্ট তার পেজ, মার্কআপ এবং প্রযোজ্য হলে একটি স্ক্রিনশটসহ জানায়।
একটি স্বয়ংক্রিয় পরীক্ষা নিশ্চিত করে যে এই নির্দিষ্ট সমস্যাটি আছে। পেজের বাকি অংশ অ্যাক্সেসিবল কি না, তা এটি বলতে পারে না: কিছু বাধা কেবল তখনই ধরা পড়ে, যখন একজন মানুষ পেজটি যাচাই করেন।