CSS - Merancang Laman Web untuk Aksesibilitas

Pada materi kali kita akan membahas tentang merancang untuk aksesibilitas karena cakupannya serta dampaknya bisa membuat Anda menjadi web developer yang lebih baik. Bagian dari dasar yang saya inginkan untuk mengingatkan Anda bahwa konten halaman Anda harus ada dalam HTML Anda. Yang saya maksud, aksesibiltas bisa menjadikan Web anda apat diakses oleh semua kalangan—tak peduli siapapun termasuk disabilitas maupun kekurangannya. Maka merancang desain web dengan menambahkan konten melalui warna, gambar, dll, hal-hal yang orang-orang mungkin tidak dapat melihat, tetapi Anda bisa memikirkannya jika sebagai pengguna visual

Jadi apa yang saya ingin Anda lakukan adalah rancanglah halaman Anda dan lakukan pengujian dan mendesain ulang dan pengujian dan mendesain ulang, dan biasa istilah ini kami sebut sebagai panduan POUR. Banyak developer yang kabur memahami tentang apa yang dimaksud dengan aksesibilitas dan bahkan gagal paham. Padahal akesibilitas merujuk pada pengalaman pengguna yang posisinya tidak seperti pengguna “pada umumnya”, mereka mengakses atau berinteraksi dengan berbagai hal secara berbeda dari yang Anda perkirakan. Nah disini, Kami ingin halaman Anda dapat dipahami, bisa dioperasikan, dimengerti, dan disinilah ide pikiran anda, apa yang Anda lakukan dengan CSS.

Saya akan memberikan contoh, bahwa dalam rancangan laman selalu ingat untuk menyediakan alternatif teks pada gambar Anda. Gambar bukan satu-satunya yang hanya menyampaikan tapi pastikan Anda juga memberikan subtitle atau transkrip, baik untuk video dan audio. Tentunya pengunjung anda tidak semua memiliki akses alat untuk menyediakan tools itu secara gratis, jadi bisa anda sertakan referensi atau rancang sendiri untuk kemudahan mereka. Tujuannya juga agar konten bisa disajikan dengan cara berbeda.

Dengan fitur aksesibiltas CSS, sebenarnya anda sudah sangat bisa melakukan pemisahan konten sesuai standar Web, yang meliputi struktur semantik (X)HTML, konten teks, gambar, foto, animasi, audio, flash, dan multimedia lain. Atau presentasi atau tampilan warna, posisi kolom, urutan konten.

Pengguna bahkan saat ini punya style sheet-nya sendiri yang didapatkan pada fitur aksesibilitas di tiap peramban Web modern. Sehingga kadang diantaranya lebih suka teks gelap di atas latar terang maka ini pun mesti menjadi bahan rancangan anda. Manfaatkan fitur aksesibilitas di tiap peramban. Mungkin butuh ekstensi tertentu.

Jadi tujuan materi ini, bukan sekedar ide saja tapi lebih kepada kemajuan web anda dimasa depan, namun permudah pengguna untuk terhubung, untuk melihat konten dengan menggunakan kontras warna yang sangat bagus. Anda akan sangat terkejut berapa banyak orang yang tidak dapat mengakses informasi di web karena mereka benar-benar tidak bisa melihat apa yang telah Anda letakkan di sana. Padahal Keuntungan ‘Cascading Style Sheets’ sangat berguna untuk aksesibilitas.

Contonya Pemisahan sesuai standar Web akan menghindari kesalahan pemakaian elemen Web, penggunaan H1 – H6 sebagai properti memperbesar ukuran teks, padahal bukan untuk pemakaian judul atau subjudul saja. Font untuk memperoleh efek visual teks seperti subjudul & penekanan makna, tapi tidak dapat dimengerti oleh pembaca layar komputer. Jadi ketika anda menonaktifkan CSS, maka akan nampak struktur dokumen Web aslinya tanpa ada style. Ingat style bukan saja untuk mempercantik laman tapi juga untuk kenyamanan semua pengguna web anda nanti.

Selanjutnya, kita juga membahas bagaimana halaman Anda dapat dioperasikan. Ketika mengakses halaman Anda, seharusnya fungsi dari keyboard sudah tersedia buatlah navigasi kenyamanan pengguna. Karena tidak semua orang berkunjung dengan menggunakan mouse untuk membuka halaman Anda. Pikirkan kemudahan bahwa pengguna harus memiliki kendali atas web yang dikunjungi.Jadi jika Anda memiliki video-video itu di media, Pastikan Anda memasukkannya ke dalam control panel agar play back, off, mundur, dll.

Anda harus menyertakan teks ALT gambar di laman anda, karena jika pengguna anda seorang pengguna buta, tanpa teks alt mereka tak dapat menggunakan web anda. Buatlah teks Anda resizable karena setiap pengguna akan beda pembacaan pada teks yang ada sediakan.

Untuk sintaks anda, pastikan itu sudah mematuhi standar dan memastikan kompatibilitas masa depan dengan peramban baru. Mungkin dilain waktu akan dibahas tentang CSS Validations. Penggunaan kode Anda harus benar. Kode yang tidak benar dapat menyebabkan hasil yang tidak diharapkan dalam tampilan atau fungsi halaman Anda. Cara termudah untuk melakukannya adalah untuk masuk ke validator.w3c.org dan wave.webaim.org untuk memvalidasi kode Anda. Sederhana, cepat, dan benar-benar akan memberi Anda halaman yang jauh lebih baik. Saya tidak ingin Anda membuat langkah besar. Saya hanya ingin Anda melakukan hal-hal kecil dengan benar. Dan itu benar-benar dimulai dengan tag HTML yang tepat. Styling sebenarnya bisa membuatnya lebih sulit beberapa orang mengakses informasi, jadi terus lakukan uji coba kode. Dan aksesibilitas tools akan membuat hidup Anda lebih mudah, pengguna anda jatuh cinta pada web anda dan saya jamin web anda akan bertahan lama mungkin selamanya.

Jadi kesimpulan materi kali ini, yang harus anda ingat ini bukan tentang memiliki halaman web paling keren. Tapi tentang memiliki laman yang terjangkau semua pengguna dan menggambarkan informasi yang ingin Anda dapatkan di web. Semoga berhasil.