# [role="img"] ও [role="image"] এলিমেন্টে বিকল্প লেখা থাকতে হবে WCAG 1.1.1 নন-টেক্সট কনটেন্ট · লেভেল A ছবি হিসেবে উপস্থাপিত একটি এলিমেন্টে কোনো বিকল্প লেখা নেই। ## এই নিয়ম কী যাচাই করে নিশ্চিত করে যে [role="img"] ও [role="image"] এলিমেন্টে বিকল্প লেখা আছে. ## কেন এটি গুরুত্বপূর্ণ WCAG 1.1.1 অনুযায়ী অর্থবহ ছবির জন্য বিকল্প লেখা থাকতে হবে। ## কীভাবে ঠিক করবেন ### যেকোনো ওয়েবসাইটে 1. এলিমেন্টটিতে aria-label যোগ করুন, অথবা এটি সাজসজ্জার হলে role="img" সরিয়ে দিন। ### Shopify-তে 1. এলিমেন্টটিতে aria-label যোগ করুন, অথবা এটি সাজসজ্জার হলে role="img" সরিয়ে দিন। ### WooCommerce ও WordPress-এ 1. এলিমেন্টটিতে aria-label যোগ করুন, অথবা এটি সাজসজ্জার হলে role="img" সরিয়ে দিন। ## সংশোধন কীভাবে যাচাই করবেন - প্রভাবিত পেজগুলো আবার স্ক্যান করুন। ## তথ্যসূত্র - axe-core নিয়মের ডকুমেন্টেশন (Deque): https://dequeuniversity.com/rules/axe/4.13/role-img-alt - WCAG 1.1.1-এর ব্যাখ্যা (W3C): https://www.w3.org/WAI/WCAG22/Understanding/non-text-content