WAI mendefinisikan pedoman bagi pengembang web.
WAI - The Web Accessibility Initiative
WAI (W3C, 1997) adalah seperangkat pedoman ditujukan untuk para pengembang web dan desainer, tentang bagaimana membuat web diakses penyandang cacat.
Tujuan dari pedoman ini adalah aksesibilitas, tetapi mereka juga akan membantu membuat isi web yang tersedia untuk browser yang lebih (browser suara, ponsel, perangkat genggam) dan untuk lebih banyak pengguna bekerja di lingkungan yang sulit (hands-free, kuat cahaya, kegelapan, sight buruk, suara berat).
Jika situs Web Anda tidak memiliki fitur WAI (kontras yang baik, teks resizable, gambar dengan deskripsi), penyandang cacat tidak akan dapat mengakses informasi Anda. |
Alasan untuk membuat situs Anda lebih mudah diakses:
- Ini akan meningkatkan reputasi Anda dan kepuasan pelanggan Anda
- Ini akan meningkatkan jumlah pengunjung
- Ini akan membiarkan pengunjung Anda tinggal lebih lama di situs Anda
- Ini akan membuat situs Anda lebih bermanfaat bagi orang-orang dengan peralatan yang lebih tua
Ingat "alt"
Atribut alt memungkinkan Anda untuk menyediakan teks alternatif untuk gambar:
<img src="images/banana.jpg" alt="Banana">
Kadang-kadang web browser tidak akan menampilkan gambar Anda. Penyebabnya bisa salah satu dari banyak:
- Pengguna telah mematikan tampilan gambar
- Browser adalah browser Mini tanpa tampilan gambar
- Browser adalah browser suara
Jika Anda menggunakan "alt" atribut, kebanyakan browser akan setidaknya display (atau membaca) teks "alt".
Jangan Gunakan Font Kecil
Beberapa situs web menggunakan ukuran teks kecil hanya untuk "memeras" lebih teks ke setiap halaman, atau untuk membuat halaman lebih "gaya".
Sekali lagi, pengunjung dengan peralatan yang berbeda, kondisi melihat, atau cacat mungkin memiliki kesulitan membaca teks.
Jangan memaksa pengunjung Anda untuk memperbesar ukuran teks setiap kali mereka mengunjungi situs Anda. |
Memilih Surat Terbaik dan Line Spacing
Teks dengan huruf spasi ekstra mudah dibaca.
Teks dengan mengurangi huruf spasi sulit untuk dibaca.
Teks dengan baik
spasi
mudah dibaca.
Teks dengan mengurangi
spasi
sulit untuk dibaca.
Hindari Fancy Font
font normal mudah dibaca.
Font italic tidak begitu mudah dibaca.
font serif lebih sulit untuk dibaca.
Hindari Miskin Warna Kontras
teks hitam pada latar belakang putih, atau teks putih pada latar belakang hitam, yang terbaik untuk orang-orang cacat melihat, dan untuk ditampilkan pada peralatan yang buruk.
teks abu-abu pada latar belakang cahaya dapat memberikan kontras yang buruk:
Warna teks #AAAAAA pada latar belakang putih |
Teks warna # 666666 pada latar belakang putih |
Teks warna # 333333 pada latar belakang putih |
Teks warna # 000000 pada latar belakang putih |
teks abu-abu pada latar belakang gelap juga dapat memberikan kontras yang buruk:
Teks warna # 666666 pada latar belakang hitam |
Warna teks #AAAAAA pada latar belakang hitam |
Warna teks # cccccc pada latar belakang hitam |
Warna teks # FFFFFF pada latar belakang hitam |
Beberapa kombinasi - seperti hitam dan merah, hitam dan biru, kuning dan hijau - selalu saring mata:
teks hitam pada latar belakang merah |
teks hitam pada latar belakang biru |
teks kuning di latar belakang hijau |
Dan beberapa kombinasi yang tidak begitu buruk:
teks hitam pada latar belakang abu-abu |
teks hitam pada biru muda |
teks hitam putih antik |
teks putih pada biru tua |
Selalu Set Warna Background
Sebagian besar halaman web menggunakan warna untuk elemen teks yang berbeda. Kedua header dan link sering dalam warna yang berbeda dari teks tubuh.
Sebagai seorang desainer web, Anda harus menyadari fakta bahwa pengunjung Anda dapat mengubah preferensi warna default mereka.
Jika Anda menentukan warna untuk elemen web Anda (seperti header dan link), Anda juga harus menentukan warna latar belakang.
Jika Anda tidak menentukan warna latar belakang, situs web Anda mungkin berakhir dengan beberapa kombinasi yang sangat buruk warna (seperti header lampu merah di latar belakang merah, atau bahkan lebih buruk, teks hitam pada latar belakang hitam). |