Apakah Situs Web Anda Sesuai ADA? Daftar Periksa Utama

Diterbitkan: 2020-02-07

Teknologi memenuhi hukum karena Departemen Kehakiman AS (DOJ) mengamanatkan dengan Undang-Undang Penyandang Disabilitas Amerika (ADA) bahwa semua teknologi digital harus mudah diakses oleh penyandang disabilitas.

Ketika ADA pertama kali disahkan pada tahun 1990, ADA berusaha untuk melindungi orang-orang yang membutuhkan fasilitas seperti landai untuk kursi roda dan lift.

Sekarang, kepatuhan ADA telah diperluas ke situs web dengan Departemen Kehakiman AS yang sering mengutip Pedoman Aksesibilitas Konten Web (WCAG) 2.0.

WCAG 2.0 menyoroti beberapa kriteria untuk membuat situs web lebih mudah diakses oleh penyandang disabilitas seperti penglihatan rendah, kebutaan, kehilangan pendengaran sebagian atau seluruhnya, ketidakmampuan belajar, ketidakmampuan berbicara, kepekaan terhadap foto, dan sebagainya.

Dan menurut Judul III ADA, situs web dengan komponen yang tidak dapat diakses akan diperlakukan sebagai diskriminatif terhadap penyandang disabilitas.

Apa artinya ini?

Agar situs web sesuai dengan ADA (atau WCAG), situs tersebut harus dapat diakses oleh penyandang disabilitas. Ini berarti bahwa setiap orang, termasuk penyandang disabilitas, harus dapat dengan mudah menavigasi situs web Anda, mengakses konten, dan terlibat dengan beberapa elemen di halaman web. Sederhananya, situs web harus menyediakan komunikasi yang efektif.

Misalnya, font atau warna yang sulit dilihat dapat mendiskriminasi orang dengan gangguan penglihatan. ADA melarang praktik semacam itu.

Mengapa Situs Web Anda Harus Sesuai dengan ADA?

Ada berbagai manfaat dari situs yang sesuai dengan ADA. Periksa mereka:

1. Hindari Penalti

Nah, inilah manfaat pertama dari mematuhi peraturan ADA. Jika Anda gagal memenuhi kriteria, Anda berisiko menghadapi tuntutan hukum class action sipil. Faktanya, banyak merek ternama termasuk Brooks Brothers, Foot Locker, Kylie Jenner, dan Fordham University telah dituntut karena kurangnya situs web yang sesuai dengan ADA (sumber: CWS).

2. Meningkatkan Target Audiens

Menurut survei Service and Inclusion, ada sekitar 50 juta penyandang disabilitas di Amerika Serikat. Ini berarti sekitar 19 persen dari negara tersebut memiliki disabilitas. Oleh karena itu, jika situs web Anda tidak dapat diakses oleh mereka, Anda kehilangan banyak pelanggan.

Misalnya, jika Anda mengunggah video atau gambar ke situs Anda yang menjelaskan manfaat produk Anda tanpa keterangan atau teks alternatif, pemirsa tunarungu atau buta mungkin tidak memahami betapa hebatnya produk tersebut. Inti dari teks alternatif adalah untuk memungkinkan alat pembaca layar untuk menggambarkan visual.

3. Meningkatkan Upaya SEO

Mesin pencari lebih memilih situs web dengan antarmuka ramah pengguna yang tinggi. Jika situs Anda membahas Pedoman Aksesibilitas Konten Web (WCAG), itu akan menarik bagi pembaca layar, mesin pencari, dan pengguna, akhirnya meningkatkan upaya SEO (Search Engine Optimization) Anda.

Itu sebabnya, meta-tagging, transkrip video, dan teks alternatif harus dipertimbangkan secara serius.

4. Tingkatkan Reputasi

Mengembangkan situs web yang sesuai dengan ADA dapat memiliki dampak psikologis pada pelanggan target Anda. Misalnya, orang dengan gangguan penglihatan yang mengunjungi beberapa situs web yang tidak sesuai dengan ADA akan mendapatkan kesepakatan mentah sejauh menyangkut pengalaman menjelajah. Di sinilah situs Anda yang sesuai dengan ADA dapat memberikan pengalaman pengguna yang luar biasa kepada mereka sehingga membangkitkan kesan positif tentang merek Anda.

Sekarang setelah Anda yakin akan pentingnya kepatuhan ADA, Anda pasti ingin meningkatkan aksesibilitas situs web Anda? Bagian kami selanjutnya membahas hal yang sama. Jadi, selami.

Bagaimana Meningkatkan Aksesibilitas?

Idealnya, situs web apa pun harus dapat diakses/dinavigasi oleh pengguna terlepas dari gangguan psikologis atau fisiknya. Itu sebabnya lebih baik mengambil tindakan dengan langkah-langkah kunci berikut:

  • Jenis huruf

Teks adalah elemen penting dalam aksesibilitas web. Jadi, sangat penting untuk memperhatikan tipografi. Beberapa tipografi ramah ADA termasuk Tahoma, Calibri, Arial, Times New Roman, Helvetica, dan Verdana.

  • Kontras Warna

Kontras warna yang tepat antara teks dan latar belakang sangat membantu bagi orang-orang dengan masalah gangguan penglihatan seperti buta warna.

Pemilihan warna teks juga sangat penting. Terutama, Anda harus menahan diri untuk tidak menggunakan warna teks untuk mengomunikasikan makna apa pun.

  • Ukuran huruf

Ukuran font yang layak pada halaman web memudahkan pengguna untuk membaca konten. Meskipun tidak ada ukuran font yang didukung ADA untuk penggunaan situs web, umumnya disarankan agar Anda menggunakan setidaknya font 12 hingga 14px untuk teks Anda. Teks harus ditampilkan secara efektif di seluruh perangkat termasuk desktop, tablet, ponsel, dan lainnya.

  • Aksesibilitas Keyboard

Pengguna dengan disabilitas motorik atau gangguan penglihatan menghadapi kesulitan saat menggunakan mouse. Ini membuat aksesibilitas keyboard menjadi penting bagi mereka.

Saat merancang situs web yang dapat diakses, pastikan bahwa setiap elemen interaktif (seperti tautan) dapat dinavigasi dengan tombol Tab. Sekali lagi tombol panah atas/bawah dapat digunakan untuk menu drop-down. Ini membantu pengguna hanya keyboard untuk mengakses situs tanpa kerumitan.

  • Teks Alternatif

Saat ini, semua situs web menyertakan keragaman grafik, gambar, video, dan elemen visual lainnya. Masalahnya adalah alat bantu apa pun seperti pembaca layar tidak dapat "membaca" visual ini. Itu sebabnya standar WCAG 2.0 mengharuskan pengembang situs web untuk menggunakan deskripsi teks alternatif untuk elemen grafis. Ini mungkin termasuk teks alternatif, teks teks tertutup, dll.

Sebagai permulaan, Anda dapat menghindari menampilkan informasi penting apa pun hanya sebagai gambar. Misalnya, tombol "rumah" sering dilambangkan dengan simbol rumah. Pastikan untuk menyertakan deskripsi teks alternatif untuk elemen tersebut.

Deskripsi teks alternatif untuk gambar dan teks tertutup untuk animasi dan video memungkinkan orang dengan gangguan penglihatan untuk memahami apa yang ada di halaman. Dari logo hingga tombol navigasi, peta hingga grafik, atau skema – penting untuk menambahkan teks alternatif.

  • Teks Hyperlink

Hyperlink adalah bagian tak terpisahkan dari situs mana pun. Mereka mempromosikan navigasi yang mudah di seluruh halaman dan memungkinkan pengguna untuk menemukan informasi tambahan.

Untuk orang yang berpenglihatan normal, hyperlink umumnya diidentifikasi dengan warna tertentu (biasanya, biru untuk tautan standar dan ungu untuk tautan yang dikunjungi).

Tetapi alat bantu tidak dapat "melihat" atau mengidentifikasi warna-warna ini dan membedakan tautan dari teks biasa. Oleh karena itu, lebih baik untuk membuat hyperlink miring.

Tindakan yang Harus Dilakukan

Jalankan pengujian aksesibilitas dengan alat seperti Tenon, Axe, atau WAVE. Alat akan merayapi situs Anda untuk mengidentifikasi area yang tidak memenuhi standar aksesibilitas web yang ditetapkan. Jika Anda bukan ahli dalam hal teknis, Anda mungkin tidak mengerti cara melakukan perbaikan. Namun demikian, Anda dapat mengidentifikasi kesalahan, peringatan, dan peringatan yang tidak Anda ketahui ada.

Tapi mengapa harus melalui semua masalah ini ketika Anda dapat dengan mudah melibatkan para ahli dari setiap perusahaan desain situs web yang sangat memahami norma-norma ADA Para profesional tidak hanya mengandalkan alat otomatis dan menggabungkan audit manual. Mereka juga akan membantu Anda untuk memperbaiki masalah.

Ingat, kepatuhan ADA bukanlah hal yang harus diatur dan dilupakan. Standar kepatuhan akan berkembang seperti halnya situs web Anda. Jadi pastikan untuk terus memeriksa ini.

Kesimpulan

Jadi, Anda telah melihat bagaimana kepatuhan ADA dapat menawarkan keunggulan kompetitif dan bahkan dapat menghasilkan lebih banyak transaksi. Lalu tunggu apa lagi! Libatkan perusahaan pengembangan situs web yang berpengalaman untuk mengembangkan situs yang sesuai dengan ADA.

Memiliki sesuatu untuk dibagi? Kita semua adalah mata! Jangan ragu untuk berkomentar di bawah.