Isi
Artikel ini pertama kali muncul di edisi 231 majalah .net - majalah terlaris di dunia untuk desainer dan pengembang web.
Saat Anda membuat widget Antarmuka Pengguna (UI), itu kemungkinan besar merupakan gabungan dari elemen HTML. Secara umum, mudah bagi seseorang untuk mengetahui fungsi widget, atau peran apa yang dimainkannya dalam halaman, berdasarkan tampilannya atau kontrol yang disediakannya. Namun, perspektif holistik tersebut tidak terlihat jelas bagi teknologi pendukung (AT), dan (tentu saja) di situlah ARIA berperan.
ARIA, atau Aplikasi Internet Kaya yang Dapat Diakses untuk memberikan judul lengkapnya, dapat digunakan untuk memberi peran pada widget Anda. Atau untuk melihatnya dengan cara lain, Anda dapat menggunakan peran ARIA untuk memberi tahu AT tentang bundel elemen HTML Anda seolah-olah mereka adalah satu entitas.
Spesifikasi ARIA 1.0 mencakup taksonomi peran. Ini menjelaskan karakteristik dan properti dari 73 peran yang berbeda, yang dikelompokkan ke dalam empat kategori tingkat tinggi.
Kategori pertama mendefinisikan 12 peran abstrak. Dengan cara yang sama seperti kelas abstrak tidak pernah dibuat saat pemrograman, peran abstrak tidak boleh digunakan dalam kode Anda. Mereka mendeskripsikan jenis peran yang berbeda pada tingkat konseptual, sehingga mereka hanya digunakan dalam taksonomi itu sendiri.
Peran
Satu peran abstrak berdiri terpisah dari yang lain. Peran (peran abstrak) adalah peran dasar yang mewarisi semua peran lain dalam taksonomi. Peran abstrak lainnya termasuk input (peran abstrak), tengara (peran abstrak), dan widget (peran abstrak).
Mari kita ambil widget (peran abstrak) sebagai contoh. Ini menjelaskan peran payung, di mana semua peran widget lainnya dalam taksonomi berada. Berikut penjelasannya dalam spesifikasi ARIA:
“Komponen interaktif dari Graphical User Interface (GUI). Widget adalah objek antarmuka pengguna terpisah yang dapat berinteraksi dengan pengguna. ”
Ini mengarah dengan rapi ke kategori berikutnya, yang mendefinisikan 34 peran widget. Widget adalah kontrol interaktif yang dapat berdiri sendiri, atau digabungkan untuk membuat komponen UI yang lebih rumit. Sembilan dari peran ini menentukan penampung yang dapat digunakan untuk merangkum widget lain untuk membentuk kontrol yang lebih kompleks.
Widget
25 peran lainnya menentukan widget yang dapat digunakan secara independen atau sebagai bagian dari kontrol gabungan yang kompleks. Sebuah elemen dengan peran tablist dapat berisi banyak elemen dengan peran tab, misalnya. Ketika digunakan bersama dengan sekumpulan elemen yang sesuai dengan peran tabpanel, mereka bergabung untuk membentuk antarmuka tab komposit. Elemen dengan peran seperti peringatan, kotak centang, atau dialog juga dapat menjadi bagian dari kontrol UI yang lebih kompleks, atau dapat berdiri sendiri.
Kategori ketiga mendefinisikan 18 peran struktur dokumen. Peran ini mendeskripsikan formasi konten yang khas seperti heading, list, dan toolbar. Tidak seperti peran widget, peran struktur dokumen tidak bersifat interaktif sebagai aturan.
Kategori terakhir mendefinisikan delapan peran penting. Mereka dapat diterapkan ke berbagai bagian halaman web, menyediakan landmark yang dapat digunakan AT untuk bernavigasi. Peran dalam kategori ini termasuk spanduk, utama, dan navigasi.
Temukan 20 alat wireframing terbaik untuk desainer di Creative Bloq.