محتوى من إنشاء الذكاء الاصطناعي يسهل الوصول إليه

• لا تستخدِم 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";
}

سيقرأه قارئ الشاشة على أنّه "حفظ حفظ".