Erişilebilir, üretilmiş içerik

Web özellikleri: İçerik Oluşturulan içerik için alternatif metin
  • Anlamlı metinleri (etiketler, durum, talimatlar) iletmek için content KULLANMAYIN. Bunları DOM'da tutun (WCAG F87). Alternatif metin bağımsız değişkeni, dekorasyonun yanlışlıkla anlam taşıdığı durumlarda zararı azaltmak için kullanılır, lisans değildir.
  • Ekran okuyucular için alternatif metin sağlamak üzere content işlevinin alternatif metin bağımsız değişkenini kullanın. Ör. content: url(cloud.svg) / "Save";
  • Yalnızca dekoratif amaçlı metinlerin ekran okuyucular tarafından okunmasını önlemek için content: "text" / ""; kullanın.
  • Resimler için boş bir alternatif metin bağımsız değişkeni KULLANMAYIN. Resimler varsayılan olarak zaten sunum amaçlıdır. Örneğin, şu yanlıştır: content: url(cloud.svg) / "";.
  • Açıklama, resmi emoji adından farklı olmadığı sürece emojileri açıklamak için alternatif metin bağımsız değişkenini KULLANMAYIN. Örneğin, content: "🎉" / "celebration"; kullanmayın, content: "🎉" / "Yay!"; kullanabilirsiniz.

Alternatif metin bağımsız değişkenini YALNIZCA metin birincil değerden farklıysa ve DOM'da mevcut değilse kullanın. Örneğin, bu yanlıştır:

HTML:

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

CSS:

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

Ekran okuyucu bunu "Kaydet kaydet" olarak okur.