Kandungan
Artikel ini pertama kali muncul dalam edisi 231 majalah .net - majalah terlaris di dunia untuk pereka dan pembangun web.
Semasa anda membuat widget Antaramuka Pengguna (UI), ia mungkin merupakan gabungan elemen HTML. Secara umum, mudah bagi seseorang untuk mengetahui apa yang dilakukan widget, atau peranan apa yang dimainkannya di dalam halaman, berdasarkan cara penampilannya atau kawalan yang disediakannya. Perspektif holistik itu tidak jelas bagi teknologi bantu (AT), dan (tentu saja) adalah tempat ARIA masuk.
ARIA, atau Aplikasi Internet Kaya yang Dapat Diakses untuk memberikan judul penuhnya, dapat digunakan untuk memberi peranan kepada widget anda. Atau untuk melihatnya dengan cara lain, anda boleh menggunakan peranan ARIA untuk memberitahu AT tentang sesuatu tentang kumpulan elemen HTML anda seolah-olah mereka adalah satu kesatuan.
Spesifikasi ARIA 1.0 merangkumi taksonomi peranan. Ia menerangkan ciri dan sifat 73 peranan berbeza, dikelompokkan menjadi empat kategori tahap tinggi.
Kategori pertama mentakrifkan 12 peranan abstrak. Dengan cara yang sama bahawa kelas abstrak tidak pernah dibuat semasa pengaturcaraan, peranan abstrak tidak boleh digunakan dalam kod anda. Mereka menerangkan pelbagai jenis peranan pada tingkat konseptual, dan oleh itu mereka hanya digunakan dalam taksonomi itu sendiri.
Peranan
Satu peranan abstrak berbeza daripada yang lain. Peranan (peranan abstrak) adalah peranan asas dari mana semua peranan lain dalam taksonomi mewarisi. Peranan abstrak lain termasuk input (peranan abstrak), mercu tanda (peranan abstrak), dan widget (peranan abstrak).
Mari kita ambil widget (peranan abstrak) sebagai contoh. Ini menerangkan peranan payung, di mana semua peranan widget lain dalam taksonomi berada. Inilah cara ia dijelaskan dalam spesifikasi ARIA:
"Komponen interaktif antara muka pengguna grafik (GUI). Widget adalah objek antara muka pengguna yang berbeza dengan pengguna dapat berinteraksi. "
Ini menuju ke kategori seterusnya, yang menentukan 34 peranan widget. Widget adalah kawalan interaktif yang boleh berdiri sendiri, atau digabungkan untuk membuat komponen UI yang lebih rumit. Sembilan peranan ini menentukan wadah yang dapat digunakan untuk merangkumi widget lain untuk membentuk kawalan yang lebih kompleks.
Widget
Selebihnya 25 peranan menentukan widget yang boleh digunakan secara bebas atau sebagai sebahagian daripada kawalan komposit yang kompleks. Elemen dengan peranan tablist boleh mengandungi banyak elemen dengan peranan tab, misalnya. Apabila digunakan bersamaan dengan set elemen yang sesuai dengan peranan tabpanel, mereka bergabung untuk membentuk antara muka tab komposit. Elemen dengan peranan seperti amaran, kotak centang atau dialog juga boleh menjadi sebahagian daripada kawalan UI yang lebih kompleks, atau mereka boleh berdiri sendiri.
Kategori ketiga mentakrifkan 18 peranan struktur dokumen. Peranan ini menerangkan formasi kandungan khas seperti tajuk, senarai, dan bar alat. Tidak seperti peranan widget, peranan struktur dokumen tidak interaktif sebagai peraturan.
Kategori terakhir menentukan lapan peranan penting. Mereka dapat diterapkan ke berbagai bagian halaman web, menyediakan landmark yang dapat digunakan oleh AT untuk menavigasi. Peranan dalam kategori ini merangkumi sepanduk, utama dan navigasi.
Ketahui 20 alat wireframing terbaik untuk pereka di Creative Bloq.
