Peran Menentukan Apa Arti Sesuatu

Peran memberi tahu teknologi bantu jenis suatu elemen: tombol, tab, peringatan, atau dialog. Peran menjawab pertanyaan, “Apa ini?”

Sebagian besar tag HTML memiliki peran implisit bawaan. Nav adalah navigasi, h1 adalah judul, dan tombol adalah tombol.

Jika tidak ada tag bawaan yang sesuai, Anda dapat menetapkan atribut role secara manual untuk memberikan identitas yang dikenali pada elemen umum.

Peran komponen menjelaskan hal-hal interaktif yang terkadang Anda buat sendiri: tab, penggeser, sakelar, item menu, dan item pohon.

Peran penanda membagi halaman ke dalam wilayah seperti spanduk, utama, dan navigasi sehingga pengguna dapat langsung menuju suatu bagian.

Peran struktur menjelaskan konten statis: judul, daftar, item daftar, dan gambar. Peran ini menandai bentuk informasi Anda.

Satu elemen memiliki satu peran. Anda tidak dapat menjadikan sesuatu sebagai tombol sekaligus tautan, jadi pilih identitas yang sesuai dengan tugas sebenarnya.

Memilih peran merupakan sebuah perjanjian. role=tab berarti Anda harus menyediakan induk daftar tab, dukungan keyboard, dan panel tab yang terhubung.

Jangan pernah menambahkan peran pada elemen yang sudah memiliki peran yang tepat. Peran yang berlebihan pada tombol sungguhan hanya menambah gangguan dan risiko.

role=presentation menghapus semantik suatu elemen. Ini berguna untuk tabel tata letak, tetapi berbahaya pada apa pun yang perlu dipahami pengguna.

Pastikan perannya benar terlebih dahulu. Status dan properti baru bermakna setelah elemen memiliki identitas yang jelas sebagai tempat penerapannya.

Anda telah mempelajari bahwa peran menyatakan identitas suatu elemen. Utamakan peran implisit bawaan, tambahkan satu peran eksplisit hanya jika diperlukan, dan penuhi perjanjian peran tersebut.