Latihan 1 dari materi Modals & Overlays di UI/UX — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.
Kode awal sudah punya <dialog class="modal"> berisi judul <h2 id="modal-title">Konfirmasi</h2>, satu paragraf, dan tombol <button class="close-btn">×</button>. Biarkan isinya seperti itu, dan judulnya tetap ber-id modal-title. Tambahkan dua atribut supaya modalnya diumumkan dengan benar oleh screen reader:
<dialog>: aria-labelledby="modal-title". Nilainya harus persis modal-title, id judulnya, jadi modal dibacakan bernama "Konfirmasi". Id lain di halaman gak dihitung..close-btn: aria-label yang gak kosong, misalnya aria-label="Tutup", karena tanda × sendirian gak berarti "tutup".
