Ketika suatu tindakan selesai tanpa mengubah halaman atau memindahkan fokus, pesan visual mungkin terlewatkan oleh seseorang yang menggunakan pembaca layar. Wilayah status kecil memungkinkan teknologi bantu mengumumkan pembaruan sementara pengguna tetap berada di tempatnya.

<p id="save-status" role="status"></p>
saveButton.addEventListener("click", async () => {
  await saveSettings();
  document.querySelector("#save-status").textContent = "Settings saved.";
});

Jaga agar pengumuman tetap bermanfaat

  • Gunakan status untuk pembaruan saran yang tidak mengganggu tugas saat ini.
  • Jangan mengumumkan setiap penekanan tombol atau peristiwa kemajuan yang berulang.
  • Jaga agar teks yang terlihat tetap sinkron dengan apa yang diterima oleh teknologi bantu.

Pesan status bukan pengganti penanganan kesalahan atau penjelasan apa yang dapat dilakukan pengguna selanjutnya. Gunakan pola kesalahan yang sesuai ketika suatu tindakan gagal.

Uji dengan navigasi keyboard dan pembaca layar. Pembaruan harus diumumkan satu kali tanpa mengubah fokus secara tiba-tiba.