tutorial pengembangan web terbaru
 

web WAI


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).

Catatan 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.

Catatan 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.

Catatan 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).