Pengujian sangat penting untuk memastikan fungsi, kualitas, aksesibilitas, keamanan, dan performa aplikasi web berbasis konten Anda. Pengujian memungkinkan Anda menilai pengalaman pengguna dan menentukan apakah pengembangan lebih lanjut diperlukan. Aplikasi web Anda harus memenuhi standar kualitas dan berperforma seperti yang diharapkan.
Hal ini memberikan panduan pengujian dasar bagi Anda sebagai pertimbangan untuk membuat aplikasi web Anda mudah diakses dan mudah digunakan.
| Komponen | |
|---|---|
| Kontras warna | Memastikan rasio kontras dioptimalkan agar mudah dibaca. Pemeriksaan perlu dilakukan untuk berbagai jenis buta warna dan warna paksa kontras tinggi buatan pengguna. |
| Tipografi | Menentukan apakah aplikasi mengakomodasi berbagai perangkat dan setelan. Dengan menggunakan ukuran font relatif dan penskalaan non-linear, tipografi masih dapat digunakan pada ukuran maksimum. |
| Gambar | Memastikan bahwa gambar berkualitas tinggi dan dapat dimuat dengan cepat. Anda harus memeriksa penggantian yang benar tanpa jaringan dan aset yang dioptimalkan untuk resolusi lebih tinggi. |
| Navigasi | Memastikan bahwa navigasi jelas dan dapat digunakan oleh navigasi mouse, sentuhan, dan keyboard. Memeriksa histori API memastikan navigasi kembali dan maju juga dipertahankan dengan benar. |
| Telusuri | Periksa latensi rendah dalam waktu respons terhadap kueri di kolom penelusuran dan parameter kueri URL. |
| Formulir | Pastikan semua formulir mudah digunakan untuk diisi dan dikirim. Jika mengganti pengiriman formulir default, peristiwa yang benar harus dipantau dan diperiksa untuk menemukan reset formulir yang tepat serta perlindungan terhadap input pengguna yang berbahaya. |
| Pertunjukan | Memastikan bahwa aplikasi efisien dan responsif, dengan waktu pemuatan yang cepat. Hal ini juga harus menjadi bagian penting dari pengujian regresi. |
Ada banyak alat yang dapat Anda gunakan untuk memeriksa aksesibilitas web. Penting untuk menggunakan beberapa metode agar mencakup berbagai komponen aksesibilitas. Pastikan untuk memeriksa label ARIA, a11y pada elemen DOM, navigasi keyboard, dan penggunaan pembaca layar.
Framework pengujian front end, seperti Jest, Vitest, Cypress, Mocha, atau Jasmine membantu Anda menulis pengujian secara efisien serta mendukung pengembangan yang didorong perilaku dan berbasis pengujian. Dengan integrasi ke pipeline CI/CD, Anda juga dapat mengotomatiskan pengujian dan membantu mencegah bug regresi dalam commit.
Framework Runner, seperti Web Test Runner, Playwright, Web Driver, atau Test Runner di Node.js memungkinkan Anda menjalankan pengujian ini secara efisien dan mendukung pengujian di beberapa lingkungan dan platform. Ini bukanlah daftar lengkap dan bergantung pada framework yang Anda gunakan, mungkin terdapat pengujian bawaan.