Peran status, alert, dan log

Beberapa peran ARIA mengubah elemen menjadi wilayah live untuk Anda dan secara otomatis menetapkan tingkat kesopanan yang sesuai, sehingga markup yang perlu Anda tulis lebih sedikit.

Peran status menandai wilayah yang diperbarui dengan sopan. Peran ini cocok untuk konfirmasi ringan seperti pesan bahwa sesuatu telah disimpan atau disalin. 📋

Menggunakan peran status merupakan bentuk singkat untuk aria-live yang disetel ke sopan. Anda memperoleh perilaku yang sama dengan maksud semantik yang lebih jelas.

Peran alert mengumumkan isi secara tegas segera setelah isi tersebut muncul. Gunakan peran ini ketika sesuatu memerlukan perhatian saat itu juga. ⚠️

alert berperilaku seperti aria-live tegas ditambah aria-atomic true. Peran ini menyela dan membaca seluruh teksnya sebagai satu pesan.

Peran log cocok untuk konten yang menerima entri baru secara berurutan, seperti utas obrolan atau umpan aktivitas. Peran ini membacanya dengan sopan.

log menandakan bahwa pesan lama tetap penting dan urutan memiliki makna, sehingga teknologi bantu membaca tambahan sesuai urutan kedatangannya.

Pilih status untuk konfirmasi lembut dan alert untuk masalah. Lencana tersimpan adalah status; kesalahan yang menghalangi pengiriman formulir adalah alert.

Terlalu sering menggunakan peran alert membuat semuanya menyela dan terasa bising. Simpan peran ini untuk kesalahan nyata dan peringatan yang sensitif terhadap waktu.

Seperti wilayah live biasa, elemen dengan peran status harus ada sebelum Anda menyisipkan teks, agar pembaca layar sudah memantaunya.

Selain tingkat kesopanan, peran ini menjelaskan fungsi wilayah tersebut. Kejelasan semantik ini membantu pembaca layar dan pengembang berikutnya.

Sekarang Anda tahu bahwa status bersifat sopan, alert bersifat tegas, dan log mempertahankan aliran yang berurutan. Pilih peran yang sesuai dengan bobot pembaruan. ✅