जनरेट किया गया ऐसा कॉन्टेंट जिसे ऐक्सेस किया जा सकता है

• कभी भी content का इस्तेमाल, काम का टेक्स्ट (लेबल, स्थिति, निर्देश) दिखाने के लिए न करें. इसे डीओएम (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";
}

स्क्रीन रीडर इसे "सेव करें सेव करें" के तौर पर पढ़ेगा.