Konten buatan yang mudah diakses

Fitur web: Konten Teks alternatif untuk konten yang dihasilkan
  • JANGAN gunakan content untuk menyampaikan teks yang bermakna (label, status, petunjuk) — simpan di DOM (WCAG F87). Argumen teks alternatif adalah pengurangan bahaya untuk kasus saat dekorasi secara tidak sengaja membawa makna, bukan lisensi.
  • Gunakan argumen teks alternatif content untuk memberikan teks alternatif bagi pembaca layar. Misalnya, content: url(cloud.svg) / "Save";
  • Gunakan content: "text" / ""; untuk mencegah teks yang murni dekoratif diucapkan kepada pembaca layar.
  • JANGAN gunakan argumen teks alternatif kosong untuk gambar — gambar sudah bersifat presentasional secara default. Misalnya, ini salah: content: url(cloud.svg) / "";.
  • JANGAN gunakan argumen teks alternatif untuk mendeskripsikan emoji, kecuali jika deskripsinya berbeda dengan nama emoji resmi. Misalnya, jangan lakukan content: "🎉" / "celebration";, tetapi content: "🎉" / "Yay!"; tidak masalah.

HANYA gunakan argumen teks alternatif jika teksnya berbeda dengan nilai utama dan belum ada di DOM. Misalnya, ini salah:

HTML:

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

CSS:

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

Pembaca layar akan membacanya sebagai "Simpan simpan".