Apa itu?
WAI-ARIA adalah singkatan dari "Inisiatif Aksesibilitas Web - Aplikasi Internet yang Mudah Diakses" . Ini adalah sekumpulan atribut untuk membantu meningkatkan semantik situs web atau aplikasi web untuk membantu teknologi bantu, seperti pembaca layar untuk tuna netra, memahami hal-hal tertentu yang bukan asli HTML. Informasi yang terbuka dapat berkisar dari sesuatu yang sederhana seperti memberi tahu pembaca layar yang mengaktifkan tautan atau tombol hanya menunjukkan atau menyembunyikan lebih banyak item, hingga widget serumit sistem menu keseluruhan atau tampilan hierarki pohon.
Ini dicapai dengan menerapkan peran dan atribut negara ke HTML 4.01 atau lebih baru yang tidak berkaitan dengan tata letak atau fungsionalitas browser, tetapi memberikan informasi tambahan untuk teknologi bantu.
Salah satu batu sudut WAI-ARIA adalah atribut peran. Ini memberitahu browser untuk memberi tahu teknologi bantuan bahwa elemen HTML yang digunakan sebenarnya bukan apa yang disarankan oleh nama elemen, tetapi sesuatu yang lain. Meskipun awalnya hanya elemen div, elemen div ini dapat menjadi wadah untuk daftar item lengkapi otomatis, dalam hal ini peran "kotak daftar" akan sesuai untuk digunakan. Demikian juga, div lain yang merupakan anak dari kontainer itu div, dan yang berisi item opsi tunggal, kemudian harus mendapatkan peran "opsi". Dua div, tetapi melalui peran, makna yang sama sekali berbeda. Peran dimodelkan setelah rekan aplikasi desktop yang biasa digunakan.
Pengecualian untuk ini adalah peran tengara dokumen, yang tidak mengubah arti sebenarnya dari elemen yang dipertanyakan, tetapi memberikan informasi tentang tempat khusus ini dalam dokumen.
Batu sudut kedua adalah negara dan properti WAI-ARIA. Mereka mendefinisikan keadaan elemen-elemen asli atau WAI-ARIA tertentu seperti jika ada sesuatu yang runtuh atau diperluas, elemen bentuk diperlukan, sesuatu memiliki menu popup yang melekat padanya atau sejenisnya. Ini sering kali dinamis dan mengubah nilainya sepanjang siklus hidup aplikasi web, dan biasanya dimanipulasi melalui JavaScript.
Apa bukan?
WAI-ARIA tidak dimaksudkan untuk mempengaruhi perilaku browser. Tidak seperti elemen tombol nyata, misalnya, div di mana Anda menuangkan peran "tombol" ke atas tidak memberi Anda kemampuan fokus keyboard, pengendali klik otomatis ketika Space atau Enter ditekan di atasnya, dan properti lain yang tidak sesuai dengan tombol. Browser itu sendiri tidak tahu bahwa div dengan peran "tombol" adalah tombol, hanya bagian aksesibilitas API yang melakukannya.
Sebagai akibatnya, ini berarti Anda benar-benar harus menerapkan navigasi keyboard, kemampuan fokus dan pola perilaku lain yang diketahui dari aplikasi desktop sendiri. Anda dapat menemukan beberapa teknik ARIA Lanjutan di sini .
Kapan saya tidak menggunakannya?
Ya, itu benar, bagian ini diutamakan! Karena aturan pertama menggunakan WAI-ARIA adalah: Jangan menggunakannya kecuali Anda benar-benar harus! Semakin sedikit WAI-ARIA yang Anda miliki, dan semakin Anda dapat mengandalkan penggunaan widget HTML asli, semakin baik! Ada beberapa aturan untuk diikuti, Anda dapat memeriksanya di sini .