Cara Membuat Situs Web Anda Sesuai ADA Dan Memeriksa Status Aksesibilitas Web Anda

Diterbitkan: 2022-12-01

Apakah situs web Anda yang menghadap ke publik harus sesuai dengan ADA? Jawaban singkatnya adalah ya, dan itu lebih penting sekarang daripada sebelumnya. Membuat (dan menjaga) agar situs Anda tetap dapat diakses akan melindungi perusahaan Anda dan memberi semua pengguna kesempatan yang sama untuk mendapatkan keuntungan dari sumber daya Anda. Ketidakpatuhan terhadap ADA dapat menimbulkan konsekuensi hukum yang besar—dan memberikan pengalaman pengguna yang lebih baik dan lebih adil meningkatkan kepuasan pelanggan—sehingga penting untuk mempelajari kelemahan situs Anda dan memprioritaskan perbaikan masalah.

Apa itu Kepatuhan ADA?

ADA adalah Undang-Undang Penyandang Disabilitas Amerika. Awalnya disahkan pada tahun 1990, undang-undang hak sipil ini mencakup berbagai perlindungan terhadap diskriminasi atas dasar kecacatan. Anda mungkin paling akrab dengan ketentuan tertentu seperti kewajiban pemberi kerja untuk menyediakan akomodasi yang wajar bagi karyawan dan peraturan bangunan yang mewajibkan pintu masuk dan keluar yang dapat diakses kursi roda.

Namun tindakan itu juga meluas ke internet. Situs web yang dapat diakses adalah situs web yang dapat dinavigasi oleh setiap pengguna, terlepas dari kecacatannya. Pengguna Anda mungkin memiliki kemampuan visual, pendengaran, atau motorik yang berbeda, jadi penting untuk membuat situs yang dapat diakses oleh orang yang menggunakan pembaca layar, navigasi suara, dan teknologi bantuan lainnya.

Apakah Situs Saya Perlu Mematuhi ADA?

Di bawah peraturan ADA, situs web untuk pemerintah dan bisnis yang terbuka untuk umum harus mempertahankan standar aksesibilitas tertentu. Jika Anda memiliki situs yang menghadap ke publik, dapat diasumsikan bahwa situs web Anda harus sesuai dengan ADA.

Bagian yang sulit adalah ADA tidak memiliki peraturan resmi untuk situs web. Sebaliknya, itu hanya menyatakan bahwa aturan aksesibilitasnya berlaku untuk situs web serta lokasi fisik. Hal ini dapat mempersulit untuk mengetahui apa yang perlu Anda lakukan agar situs Anda tetap patuh.

Tempat yang baik untuk memulai adalah dengan Panduan Aksesibilitas Konten Web (WCAG) . Meskipun tidak secara resmi menjadi bagian dari ADA, mengikuti WCAG adalah wajib berdasarkan undang-undang lain dan mencakup banyak akomodasi dasar yang mungkin diajukan di bawah gugatan ADA.

Namun, dalam banyak kasus, mengikuti perkembangan kepatuhan ADA Anda bisa menjadi pekerjaan penuh waktu. Beberapa perusahaan memilih untuk menggunakan layanan profesional untuk tetap di atas situs mereka dan mengikuti kebutuhan terbaru dalam desain web yang dapat diakses.

Jadikan Situs Web Anda Sesuai ADA Dalam 10 Langkah

Tidak yakin bagaimana memulai dengan memperbaiki aksesibilitas situs Anda? Ada beberapa langkah umum pertama yang harus dilakukan setiap orang untuk memastikan mereka memberikan akses yang adil bagi semua pengguna. Kami akan membahasnya secara lebih rinci, tetapi sekilas, area prioritas utama Anda menurut WCAG adalah membuat situs web Anda:

  • Perceivable : Membuat akomodasi untuk orang dengan gangguan penglihatan.
  • Dapat Dioperasikan : Permudah navigasi situs web Anda dengan alat utama apa pun (bukan hanya mouse).
  • Dapat Dimengerti : Jadikan konten mudah dipahami dan berikan poin kontak untuk meminta bantuan.
  • Kuat : Pastikan situs web Anda bekerja sama dengan teknologi pendukung dan dapat diakses dari berbagai platform dan perangkat.

1. Periksa Aksesibilitas Web Anda

Sebelum Anda melakukan perubahan apa pun, ada baiknya untuk mendapatkan beberapa data dasar tentang situs Anda. Memeriksa aksesibilitas web Anda cepat dan mudah. Jika Anda ingin menangani semuanya sendiri, ada sejumlah alat daring yang dapat Anda mulai sekarang. Banyak penyedia solusi aksesibilitas profesional bahkan memiliki alat aksesibilitas situs web gratis untuk membantu Anda menilai posisi situs web Anda.

Perlu diperhatikan bahwa, kecuali jika Anda sudah bekerja secara aktif untuk mematuhi standar ADA atau WCAG, Anda mungkin akan menemukan beberapa masalah aksesibilitas di situs Anda. Dengan kata lain, tes diagnostik mungkin akan menunjukkan bahwa situs Anda bermasalah. Tidak apa-apa—kebanyakan begitu. Hal yang baik tentang menjalankan pemindaian aksesibilitas adalah Anda akan mendapatkan gagasan yang lebih baik tentang cakupan pekerjaan yang terlibat dan mengetahui cara membuat rencana tindakan.

2. Memahami Hukum

Meskipun benar bahwa ADA tidak memiliki bahasa khusus untuk situs web, Anda dapat membaca tentang ekspektasi mereka terhadap desain web di situs web resmi mereka. Pastikan Anda meluangkan waktu untuk menjelajahi situs pemerintah seperti ADA.org untuk melihat pesan resmi seputar kepatuhan situs web. Penting untuk memahami alasan dan motivasi kepatuhan ADA langsung dari sumbernya.

3. Jadikan Pembaca Layar Situs Anda Kompatibel

Pembaca layar mengambil teks di layar dan menceritakan atau mengeluarkan transkripsi braille yang memungkinkan pengguna terlibat dengan konten Anda dengan cara alternatif. Ini sangat penting untuk banyak pengguna yang berbeda dengan berbagai perbedaan. Tunanetra biasanya adalah hal pertama yang kami pikirkan tentang pembaca layar, tetapi teknologi bantuan ini juga sangat membantu beberapa orang dengan kesulitan membaca dan belajar.

Ada banyak hal yang dapat Anda lakukan untuk membuat situs Anda lebih mudah diakses oleh pembaca layar, dan banyak di antaranya juga merupakan praktik terbaik untuk memberikan pengalaman pengguna yang menyenangkan:

  • Buat teks jangkar spesifik
    • Jika Anda menyajikan kotak CTA yang mengatakan "Klik Di Sini", pembaca layar hanya akan menyatakannya, tanpa memberikan konteks lain apa pun tentang fungsi tombol tersebut. Jika Anda membuatnya lebih spesifik—pikirkan sesuatu seperti "Minta Demo"—pengguna akan tahu persis ke mana tautan itu akan membawa mereka.
  • Merampingkan konten halaman
    • Jangan mengacaukan halaman dengan lebih dari yang seharusnya. Cobalah untuk membuatnya sesederhana mungkin sehingga orang yang menggunakan pembaca layar dapat menavigasi situs Anda secara efisien.
  • Gunakan HTML yang tepat
    • Pembaca layar perlu melihat kode untuk memahami apa yang mereka baca. Ini berarti bahwa header harus diberi kode H1, H2, dan seterusnya, dan daftar nomor serta tabel harus dibuat menggunakan fungsi yang ditentukan. Jika Anda membuat daftar atau tabel secara manual, Anda mungkin mengandalkan visualisasi—hal ini mungkin tidak jelas bagi pembaca layar.

4. Gunakan Desain Kontras Tinggi

Teks dan latar belakang dengan kontras rendah mungkin sulit dibaca oleh pengguna mana pun, tetapi sangat bermasalah bagi pengguna yang buta warna dan gangguan penglihatan lainnya. Jika tombol dan spanduk Anda sudah dirancang sesuai dengan pedoman merek, Anda mungkin perlu melakukan beberapa perubahan agar terlihat oleh semua pengguna.

Untungnya, Anda dapat mengukur kontras warna. WCAG memiliki spesifikasi kontras minimum, meskipun secara umum, lebih banyak kontras lebih baik. Untuk teks kecil, bidik kontras yang lebih tinggi dari 4:5:1. Untuk teks yang lebih besar, arahkan di atas 3:1. Untungnya, ada alat kontras warna yang bagus dan gratis untuk membantu tim Anda menciptakan pengalaman yang inklusif.

5. Berikan Isyarat Tambahan Di Luar Warna

Untuk orang yang mungkin buta atau rabun—pastikan Anda tidak menggunakan warna sebagai satu-satunya indikator makna. Misalnya, Anda mungkin ingin membuat daftar keuntungan dan kerugian suatu produk. Pastikan ini diberi label dengan jelas, tidak hanya kontras dengan font hijau atau merah. Hal ini dapat muncul dalam banyak situasi desain yang berbeda di luar pengujian—tombol think dan CTA—jadi penting untuk mengembangkan halaman dengan mempertimbangkan pengguna buta warna dan penglihatan rendah.

6. Gunakan Teks Alt Deskriptif Pada Gambar

Teks alternatif sangat besar untuk aksesibilitas dan SEO, jadi Anda mungkin sudah mengerti mengapa itu penting. Di sisi SEO, teks alt dapat membantu mesin telusur memahami apa yang ada di gambar dan bagaimana hubungannya dengan konten Anda yang lain. Ini penting untuk pencarian gambar, tetapi juga penting untuk pencarian tradisional.

Teks Alt bekerja dengan cara yang sama di sisi aksesibilitas. Pembaca layar menceritakan teks alt, jadi satu-satunya cara pengguna ini dapat mengakses konten visual Anda adalah melalui deskripsi teks alt Anda. Pertahankan ini ringkas, tetapi deskriptif, dan coba pikirkan tentang apa yang Anda ingin orang ambil dari gambar Anda.

7. Selalu Berikan Caption Pada Video

Banyak akomodasi yang dibahas sejauh ini bersifat visual, tetapi ada juga beberapa pertimbangan aksesibilitas audio yang penting. Video umumnya adalah tempat yang paling sering memunculkan hal ini, dan seiring dengan semakin banyaknya penggunaan video sebagai media, semakin penting untuk memastikan bahwa kami membuat konten yang dapat diapresiasi oleh setiap pengguna.

Menggunakan teks adalah cara mudah untuk memastikan bahwa pengguna tidak perlu mendengar video Anda untuk memahami konten Anda. Ini bagus untuk pengguna dengan gangguan pendengaran, tetapi juga dapat bermanfaat bagi pengguna dengan kesulitan pemrosesan sensorik yang mungkin ingin menghindari input audio.

8. Aktifkan Situs Anda Untuk Navigasi Keyboard

Tidak semua orang memiliki kemampuan untuk menavigasi web menggunakan mouse, trackpad, atau layar sentuh (walaupun penting bagi Anda untuk mengoptimalkan situs untuk itu juga.) Beberapa pengguna perlu menavigasi situs Anda hanya dengan keyboard, jadi pastikan Anda pertimbangkan ini saat menambahkan elemen baru ke halaman web.

Fitur HTML biasanya sudah berfungsi dengan navigasi keyboard , tetapi jika Anda ingin menggunakan sesuatu yang lebih dapat disesuaikan seperti CSS, Anda mungkin perlu melakukan sedikit pekerjaan ekstra agar halaman dapat diakses.

Secara umum, pengguna akan menavigasi situs Anda menggunakan beberapa kunci inti: Tab, Shift, Enter/Return, Escape, dan tombol spasi dan panah. Pastikan pengguna dapat berinteraksi dengan elemen di halaman menggunakan Tab. Ada juga pertimbangan khusus untuk menggunakan elemen halaman seperti menu tarik-turun, widget, dan plugin, karena beberapa di antaranya mungkin memerlukan langkah ekstra untuk menjadikannya ramah keyboard.

9. Pastikan Kepatuhan Dengan Solusi Pihak Ketiga

Mengikuti pedoman terbaru dalam kepatuhan ADA itu rumit, dan langkah penerapan tertentu mungkin berada di luar cakupan pekerjaan biasa tim Anda. Jika Anda menguji situs Anda dan menyadari bahwa situs tersebut tidak dapat diakses—dan Anda tidak memiliki waktu atau sumber daya untuk memperbaiki sendiri masalahnya—ada solusi pihak ketiga yang dapat membantu. Ini termasuk agensi yang mendiagnosis masalah aksesibilitas dan merekomendasikan solusi, tetapi Anda mungkin juga ingin mempertimbangkan untuk bermitra dengan partner lain yang dapat membantu Anda menerapkan perubahan tersebut.

Jika Anda tertarik bekerja sama dengan mitra, TPGi dapat membantu mengaudit situs Anda, mengembangkan peta jalan aksesibilitas untuk tim Anda, dan merekomendasikan pengembang untuk menerapkan perbaikan.

10. Ikuti Kepatuhan Web Anda

Aksesibilitas bukanlah proyek satu-dan-selesai. Seperti SEO, aksesibilitas adalah proses berulang yang membutuhkan pemeliharaan konstan dan upaya berkelanjutan untuk menjadi sukses. Bahkan jika Anda telah memeriksa seluruh situs Anda dengan teliti dan memastikan bahwa Anda patuh, Anda tetap harus waspada saat membuat konten baru atau memperbarui halaman lama di situs Anda. Jika tidak, Anda dapat memperkenalkan masalah aksesibilitas baru. Alat pemantauan seperti Pemantauan ARC membuat ini sedikit lebih mudah dan dapat membantu memastikan Anda tidak ketinggalan.

Tanya Jawab Di Situs Web Kepatuhan ADA

Apakah kepatuhan situs web ADA wajib?

Undang-undang Penyandang Disabilitas Amerika tidak menyertakan bahasa atau peraturan yang secara khusus merujuk pada pedoman situs web, tetapi situs web bisnis yang menghadap publik harus dapat diakses . Perusahaan yang gagal mematuhi dapat menghadapi tuntutan hukum yang berat.

Apakah situs yang dibangun di atas layanan hosting web populer secara otomatis patuh?

Menggunakan layanan hosting web seperti Weebly, WordPress, Wix, dan GoDaddy untuk membuat situs Anda tidak secara otomatis berarti Anda mematuhi ADA . Banyak dari alat ini dapat mempermudah pencapaian kepatuhan, tetapi jika Anda membuat situs tanpa memberi perhatian khusus pada aksesibilitas, ada kemungkinan besar ada beberapa masalah yang perlu Anda atasi.

Undang-undang apa yang membahas kepatuhan situs web ADA?

Undang-undang Penyandang Disabilitas Amerika adalah undang-undang utama AS yang mengatur aksesibilitas. Sayangnya, undang-undang tersebut tidak memberikan pedoman komprehensif untuk memelihara situs web yang sesuai. Situs resmi pemerintah memang menyediakan sumber daya untuk membantu kepatuhan , tetapi banyak pemilik situs web menggunakan Panduan Aksesibilitas Konten Web (WCAG) untuk mencegah masalah aksesibilitas umum.

Bagaimana cara menguji kepatuhan ADA situs saya?

Ada banyak sumber online gratis yang dapat Anda gunakan untuk memeriksa kepatuhan Anda. Banyak layanan profesional menawarkan alat gratis untuk membantu Anda memulai. Lihat alat aksesibilitas situs web TPGi untuk memulai.

Apa hukuman karena gagal memenuhi standar ADA?

Tuntutan hukum menjadi hukuman yang semakin umum bagi bisnis yang gagal mematuhi standar ADA. Di bawah ADA, ini dikenal sebagai gugatan Judul III, dan beberapa firma hukum sekarang berspesialisasi dalam menangani kasus-kasus ini. Jika Anda dipanggil untuk masalah aksesibilitas, Anda dapat menghadapi denda besar dan potensi untuk mendarat di pengadilan.

Pastikan Situs Web Anda Dapat Diakses Semua Orang

Sangat penting untuk membuat situs Anda sesuai dengan ADA demi kesehatan keuangan dan hukum perusahaan Anda—dan demi banyak pengguna Anda yang mengandalkan desain yang dapat diakses untuk menavigasi web. Kepatuhan bisa rumit, jadi jika Anda tidak yakin dapat mendiagnosis dan menyelesaikan masalah situs Anda secara mandiri, beralih ke mitra mungkin masuk akal. Konsekuensi dari gugatan ADA bisa sangat curam, dan situs yang dapat diakses membuka bisnis Anda ke lebih banyak pelanggan dan klien. Lihat solusi aksesibilitas TPGi untuk dukungan profesional saat Anda memulai.