Memastikan aksesibilitas dengan alat pengembang

  • 2 menit

Menguji halaman web Anda di berbagai klien dan tampilan sama pentingnya dengan pengujian di berbagai browser. Pengujian ini mungkin tidak praktis dalam semua skenario, dan bisa saja melewatkan situasi di mana pengguna menggunakan browser tetapi mungkin memiliki disabilitas lain. Untungnya, ada alat yang dapat Anda gunakan sebagai pengembang untuk mengukur aksesibilitas halaman Anda.

Pemeriksa kontras

Seseorang yang buta warna mungkin tidak dapat membedakan warna atau mungkin kesulitan untuk bekerja dengan warna yang mirip dengan satu sama lain. World Wide Web Consortium (W3C), organisasi standar untuk web, menetapkan sistem peringkat untuk kontras warna.

Memilih warna yang tepat untuk memastikan bahwa halaman Anda dapat diakses oleh semua orang mungkin akan sulit dilakukan secara manual. Anda dapat menggunakan alat berikut untuk menghasilkan warna yang sesuai dan menguji situs Anda untuk memastikan kepatuhan:

Mercusuar

Lighthouse adalah alat yang dibuat Google untuk menganalisis situs web. Alat ini telah menjadi sangat populer sehingga disertakan dalam banyak alat pengembang browser. Lighthouse dapat memeriksa pengoptimalan mesin pencari (SEO) halaman, performa muatan, dan praktik terbaik lainnya. Lighthouse juga dapat menganalisis halaman dan memberikan skor untuk aksesibilitasnya saat ini.

Catatan

Seperti halnya alat otomatis lainnya, Anda tidak dapat mengandalkan skor yang disediakan Lighthouse sebagai satu-satunya indikasi aksesibilitas halaman. Tetapi ini memberikan titik awal yang baik untuk mengidentifikasi dan memperbaiki masalah.

Latihan: Menghasilkan skor aksesibilitas Lighthouse halaman

Uji Lighthouse di browser Anda. Cuplikan layar berikut menggunakan Edge, tetapi Anda dapat mengikuti langkah-langkah yang sama di Chrome dan banyak browser lainnya.

  1. Buka browser Anda dan buka halaman web Microsoft utama.

  2. Pilih kunci F12 untuk membuka alat pengembang.

  3. Di bagian atas, pilih ikon chevron (>>) untuk membuka daftar tab tersembunyi.

    Cuplikan layar alat pengembang dengan panah disorot.

  4. Pilih Lighthouse dari daftar.

  5. Di bawah Kategori, hapus semua item kecuali Aksesibilitas.

  6. Di bawah Perangkat, pilih Desktop.

    Cuplikan layar Lighthouse dengan hanya Aksesibilitas yang dipilih di bawah Kategori, dan Desktop dipilih untuk Perangkat.

  7. Pilih Hasilkan laporan.

  8. Perhatikan skor dan informasi terkait tentang halaman.

  9. Anda dapat menguji halaman lain dengan memilih Hapus semua di Lighthouse, masuk ke halaman lain, lalu memilih Hasilkan laporan.

    Cuplikan layar bagian URL di Lighthouse, dengan tombol untuk menghapus semua item yang disorot.

Anda sekarang telah melihat cara menggunakan Lighthouse, bersama dengan informasi aksesibilitas yang dapat disediakan alat.