Jadi, Anda telah mendengar banyak pembicaraan tentang sesuatu yang disebut aksesibilitas. Mungkin Anda bahkan pernah mendengar tentang orang yang menuntut perusahaan besar karena menyediakan layanan yang tidak dapat diakses. Tapi apakah Anda tahu persis apa yang dimaksud dengan aksesibilitas?
Untungnya, aksesibilitas tidak terlalu sulit untuk dipahami atau diterapkan, begitu Anda berkomitmen untuk itu. Setelah mempelajari apa itu aksesibilitas, Anda dapat mempraktikkan teori tersebut dengan menulis aplikasi Vue.js yang dapat diakses.
Apa itu Aksesibilitas?
Aksesibilitas adalah kata kunci yang populer di web, tetapi apa sebenarnya artinya? Ternyata namanya cukup deskriptif. Aksesibilitas hanyalah ukuran seberapa berguna aplikasi web untuk semua jenis orang.
Tidak semua orang mengalami web dengan cara yang sama. Beberapa orang memiliki gangguan yang dapat mempengaruhi pendengaran atau penglihatan mereka. Beberapa tidak dapat mengakses perangkat keras modern atau internet berkecepatan tinggi, dan orang sering kali perlu menggunakan web dalam kondisi yang kurang ideal. Aksesibilitas adalah tentang memastikan semua orang itu masih dapat menggunakan aplikasi web semulus mungkin.
Mengapa Aksesibilitas Penting?
Aksesibilitas penting karena ketika sebuah aplikasi sangat mudah diakses, aplikasi tersebut dapat melayani sebanyak mungkin orang. Ketika seseorang menyediakan layanan atau informasi di situs web, tujuannya adalah agar orang lain menggunakan layanan itu atau membaca informasi itu.
Mengoptimalkan aksesibilitas memastikan bahwa sesedikit mungkin orang tidak dapat menggunakan aplikasi web. Selain itu, aplikasi web yang lebih mudah diakses umumnya berperingkat lebih tinggi dalam hasil pencarian. Hal ini memungkinkan lebih banyak orang untuk menemukan dan menggunakan aplikasi web yang lebih mudah diakses.
Kesalahan Umum Pengembang yang Merugikan Aksesibilitas
Banyak aplikasi web kurang dapat diakses daripada yang seharusnya. Ini biasanya merupakan hasil dari kesalahan orang-orang yang membangunnya. Beberapa kesalahan aksesibilitas umum yang dilakukan pengembang saat membuat aplikasi adalah:
Menggunakan Perpustakaan yang Tidak Dapat Diakses
Anda mungkin mengandalkan pustaka pihak ketiga untuk menghemat waktu dan tenaga saat mengembangkan aplikasi. Sayangnya, tidak semua perpustakaan menganggap serius aksesibilitas, dan mungkin sulit untuk mengidentifikasi yang bagus. Sangat mudah untuk secara tidak sengaja menurunkan aksesibilitas aplikasi Anda dengan cara ini.
Mengabaikan HTML Semantik Saat Membangun Komponen
HTML semantik adalah HTML yang makna dan strukturnya benar. Setiap tag HTML memiliki tujuan yang melekat, yang digunakan teknologi bantu untuk menyimpulkan arti dari isinya. Misalnya, tag tajuk menandai tajuk situs web. Pembaca layar harus dapat mengumumkan bahwa apa pun di dalam tag tajuk adalah tajuk situs web.
Sayangnya, tidak ada yang menghentikan Anda menggunakan tag untuk tujuan yang salah. Contoh umum lainnya adalah penggunaan tag tombol untuk bertindak seperti tautan, atau sebaliknya.
Menulis HTML dengan cara ini merusak aksesibilitas, karena teknologi bantu tidak lagi dapat memastikan tujuan elemen HTML apa pun. Ini mungkin berakhir dengan menghasilkan keluaran yang membingungkan atau membuat frustrasi bagi pengguna teknologi. Untuk aksesibilitas maksimum, Anda harus selalu menulis HTML semantik, bahkan jika itu berarti sedikit lebih banyak pekerjaan.
Tidak Menguji Aksesibilitas
Membangun aplikasi web seringkali bisa menjadi tugas yang sulit dengan tenggat waktu yang menuntut. Antara tergesa-gesa untuk menyelesaikan fitur dan beban pengujian aspek lain dari perangkat lunak, pengujian aksesibilitas mengambil kursi belakang. Anda mungkin tergoda untuk menerapkan aplikasi ke produksi sebelum Anda mengujinya untuk masalah aksesibilitas.
Mengapa? Pengujian membutuhkan waktu, dan mungkin memerlukan perubahan ekstensif pada kode aplikasi. Tetapi menguji aplikasi web merupakan bagian yang tidak terpisahkan dari proses pembangunan. Anda harus menguji aksesibilitas aplikasi Anda sama ketatnya dengan aspek lainnya.
Untungnya, ada alat untuk membantu menyelesaikan masalah ini. Lima alat berikut dapat membantu Anda menulis aplikasi Vue.js yang lebih mudah diakses:
WAVE adalah kumpulan alat yang membantu pengembang secara otomatis menguji aplikasi mereka untuk masalah aksesibilitas. Meskipun WAVE bukan pengganti pengujian pengguna akhir, WAVE masih dapat membantu Anda mengatasi banyak masalah aksesibilitas.
WAVE menyediakan alat pengujian online di situs webnya. Ini juga menawarkan ekstensi browser, dan beberapa alat lain untuk membantu pengujian aksesibilitas untuk banyak jenis aplikasi web.
Banyak isyarat yang digunakan aplikasi web untuk mengomunikasikan aktivitas, seperti bilah kemajuan dan indikator pemuatan, murni visual. Penyandang disabilitas visual atau mereka yang menggunakan pembaca layar tidak dapat memahaminya.
Vue-announcer adalah pustaka yang memungkinkan Anda mengumumkan perubahan di aplikasi Vue.js dengan cara yang dapat diakses semua orang.
Vue-skip-to adalah pustaka yang dibuat untuk memungkinkan orang yang menggunakan pembaca layar untuk langsung melompat ke konten utama aplikasi Vue.js. Ini berguna karena banyak aplikasi web memiliki tautan navigasi dan elemen lain sebelum konten utama. Ini mudah dilewati oleh beberapa pengguna, tetapi bisa merepotkan dan membuat frustrasi untuk digunakan dengan pembaca layar.
ESLint adalah alat yang membantu Anda menulis JavaScript yang lebih baik dengan menganalisis kode Anda dan memeriksa kesalahannya.
Alat ini adalah plugin ESLint yang membantu Anda memastikan struktur komponen Vue.js Anda sesuai dengan aturan aksesibilitas.
Saat diinstal, plugin ini menganalisis semua file Vue.js dan menunjukkan kode yang bermasalah. Anda kemudian dapat memaksimalkan aksesibilitas saat menulis aplikasi Anda, daripada harus mengubah kode setelah fase pengujian.
Sumber besar masalah aksesibilitas dalam aplikasi adalah penggunaan pustaka komponen yang tidak dapat diakses. Vuetensils adalah pustaka komponen Vue.js.
Komponen-komponen ini dioptimalkan untuk ukuran minimum, aksesibilitas maksimum, kemudahan penggunaan, dan kemudahan penataan. Anda dapat menghemat waktu dan menggunakan komponen bawaan ini tanpa merusak aksesibilitas aplikasi Anda.
Aksesibilitas di Vue.js Itu Mudah
Aksesibilitas adalah tentang memastikan bahwa setiap orang dapat menggunakan aplikasi Anda dalam konteks apa pun. Memaksimalkan aksesibilitas penting untuk memastikan aplikasi dapat digunakan oleh sebanyak mungkin orang.
Pengembang sering membuat kesalahan aksesibilitas yang umum tetapi dapat dicegah saat membangun aplikasi mereka. Masalah umum termasuk tidak menguji dan menulis HTML non-semantik. Tetapi dengan bantuan beberapa alat, lebih mudah untuk menulis aplikasi Vue.js yang sangat mudah diakses.
