অ্যাক্সেসযোগ্য জেনারেট করা কন্টেন্ট

• অর্থপূর্ণ টেক্সট (লেবেল, অবস্থা, নির্দেশাবলী) বোঝাতে content ব্যবহার করবেন না — এটি DOM (WCAG F87)-এ রাখুন। অলটারনেট টেক্সট আর্গুমেন্ট হল এমন ক্ষেত্রে ক্ষতি কমানো যেখানে সাজসজ্জা দুর্ঘটনাবশত অর্থ বহন করে, লাইসেন্স নয়।
• স্ক্রিন রিডারের জন্য অলটারনেট টেক্সট প্রদান করতে content-এর বিকল্প টেক্সট আর্গুমেন্ট ব্যবহার করুন। যেমন, content: url(cloud.svg) / "Save";
• স্ক্রিন রিডারে যাতে শুধুমাত্র আলঙ্কারিক টেক্সট ঘোষণা না করা হয় তার জন্য content: "text" / ""; ব্যবহার করুন।
• ছবির জন্য ফাঁকা অলটারনেট টেক্সট আর্গুমেন্ট ব্যবহার করবেন না — সেগুলি আগে থেকেই ডিফল্ট হিসেবে প্রেজেন্টেশনাল। যেমন, এটি ভুল: content: url(cloud.svg) / "";।
• ইমোজির বর্ণনা দেওয়ার জন্য অলটারনেট টেক্সট আর্গুমেন্ট ব্যবহার করবেন না, যদি না বর্ণনাটি অফিসিয়াল ইমোজির নামের থেকে আলাদা হয়। যেমন, content: "🎉" / "celebration"; করবেন না, তবে content: "🎉" / "Yay!"; করলে ঠিক আছে।

টেক্সটটি প্রাথমিক ভ্যালুর থেকে আলাদা হলে এবং DOM-এ আগে থেকে উপস্থিত না থাকলে শুধুমাত্র অলটারনেট টেক্সট আর্গুমেন্ট ব্যবহার করুন। যেমন, এটি ভুল:

HTML:

<button class="save">Save</button>

CSS:

button.save::before {
  content: url(cloud.svg) / "Save";
}

স্ক্রিন রিডার এটিকে "সেভ সেভ" হিসেবে পড়বে।