Materi Pengayaan Pertemuan Ketiga : tools untuk aksesibilitas website

Teman-teman mahasiswa, materi pengayaan ini bersifat tambahan pengetahuan yang perlu diperhatikan sebagai pengembang web: tools untuk aksesibilitas website.

Tujuan tools-tools yang dipelajari pada materi pengayaan ini adalah untuk menjamin bahwa halaman web dapat diakses oleh seluruh pengguna secara universal, terlepas dari disabilitas yang dimiliki pengguna.

A. Tools yang berfungsi sebagai alat bantu bagi pengguna yang memiliki gangguan penglihatan

1. Screen Reader

Pada dasarnya, tool Screen Reader membaca halaman dari atas ke bawah secara audio. Jika halaman yang telah kita buat seluruhnya berupa teks, Screen Reader akan menyampaikan informasi tersebut dengan cara yang mirip seperti browser. Tentu saja, halaman web jarang sekali berisi teks murni; halaman web berisi tautan, grafik, warna, dan komponen visual lainnya. Kehati-hatian harus dilakukan untuk memastikan bahwa pembaca layar dapat membaca informasi ini dengan benar. Sebagai contoh: penting sekali untuk wajib memberikan attribute "alt" pada elemen html <img> agar dapat memberikan informasi mengenai gambar tersebut

2. Zoom

Jenis zoom yang paling dasar adalah zoom statis, yang dikontrol melalui pintasan keyboard Ctrl+Tanda plus (+) atau dengan mengurangi resolusi layar. Jenis zoom ini mengubah ukuran seluruh halaman. Penggunaan desain responsif yang memungkinkan item bergeser berdasarkan area pandang menjadi hal yang penting untuk memberikan pengalaman pengguna yang baik pada tingkat zoom yang lebih tinggi.

3. Contrast Checker

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

Alat pembuat palet:

Adobe Color, alat interaktif untuk menguji kombinasi warna

Color Safe, alat untuk menghasilkan warna teks berdasarkan warna latar belakang yang dipilih

Pemeriksa kepatuhan:

Ekstensi peramban untuk menguji halaman:

Edge: Pemeriksa kontras warna WCAG

Firefox: Pemeriksa kontras WCAG

Chrome: Pemeriksa kontras warna

Aplikasi:

Penganalisis kontras warna (CCA)

B. Tools untuk mengecek dan menguji website SEO compliance

1. Lighthouse → Tools yang membantu performa website dan SEO

2. Skynet Technologies USA LLC Website Ability Checker

Sumber Materi yang dapat teman-teman mahasiswa eksplor lebih dalam:

https://learn.microsoft.com/en-us/training/modules/web-development-101-accessibility/

https://www.w3.org/WAI/test-evaluate/tools/list/