Daftar Periksa Kepatuhan ADA: 11 Fitur yang Dapat Diakses Yang Harus Dimiliki

Judy mengunjungi situs web Anda setelah melihat iklan dan tertarik dengan salah satu produk Anda. Dia melihat video di beranda Anda dan mengkliknya. Tetapi video memiliki masalah: Judy sulit mendengar, dan video Anda tidak memiliki teks.

Jika situs web Anda tidak mengikuti pedoman yang ditetapkan oleh Undang-Undang Penyandang Disabilitas Amerika (ADA), Anda berisiko membuat orang seperti Judy meninggalkan situs Anda. Atau lebih buruk lagi, orang mungkin mengajukan gugatan karena tidak dapat diaksesnya situs web Anda.

Tetapi sebelum Anda mulai panik, lihat daftar periksa kepatuhan ADA kami untuk melihat 11 fitur yang harus dimiliki untuk memastikan situs web Anda dapat diakses. Baca terus untuk mempelajari lebih lanjut!

Dan jika Anda ingin petunjuk dan trik yang lebih bermanfaat untuk memberikan pengalaman pengguna terbaik, berlangganan buletin email kami, Revenue Weekly!

Untuk saran pemasaran digital lainnya, daftarlah ke email yang dipercaya oleh lebih dari 190.000 pemasar lainnya: Revenue Weekly.

Daftar Sekarang!

Apa artinya mematuhi ADA?

Ketika Anda mendengar “ADA compliant”, apa artinya?

Kepatuhan ADA didasarkan pada Undang-Undang Penyandang Disabilitas Amerika (ADA) yang menyatakan bahwa semua ruang publik harus dapat diakses oleh penyandang disabilitas. Artinya, apakah seseorang tunanetra, cacat fisik, atau memiliki cacat lain, mereka membutuhkan akomodasi untuk mengakses ruang yang sama.

Akomodasi ini meluas ke Internet, karena Internet dianggap sebagai ruang publik. Akibatnya, Anda perlu membuat situs web yang memungkinkan orang dengan berbagai disabilitas mengakses situs web Anda dengan mudah.

Kegagalan untuk mengikuti kepatuhan ADA memiliki banyak konsekuensi, mulai dari kehilangan pelanggan hingga masalah hukum.

Daftar periksa kepatuhan ADA: 11 item untuk diperiksa dari daftar Anda

Untuk membantu memastikan Anda memiliki situs web yang sesuai, lihat daftar periksa situs web kami yang sesuai dengan ADA untuk mengetahui cara membuat situs web Anda dapat diakses oleh semua orang!

1. Ikuti Pedoman Aksesibilitas Konten Web (WCAG)

Pertama pada daftar periksa situs web kepatuhan ADA ini adalah mengikuti pedoman aksesibilitas konten web (WCAG). WCAG menetapkan pedoman yang memungkinkan bisnis membuat konten web yang lebih mudah diakses. Mengikuti panduan ini adalah titik awal yang bagus untuk menghadirkan situs web yang positif dan fungsional.

Ada empat elemen inti WCAG:

1. Perceivability: Apakah informasi di situs web Anda mudah dipahami? Jika sulit untuk melihat informasi di situs web Anda atau melihat tata letak informasi yang jelas, Anda perlu menyesuaikan situs web Anda untuk menyajikan informasi dengan jelas.
2. Dapat dioperasikan: Apakah situs web Anda mudah digunakan dan berfungsi oleh orang-orang? Jika situs web Anda memiliki tata letak yang membingungkan atau navigasi yang sulit digunakan, Anda tidak akan sesuai dengan pedoman WCAG. Anda sebaiknya mengoptimalkan ulang situs web Anda untuk memastikan mudahnya orang menemukan informasi.
3. Dapat dimengerti: Apakah antarmuka situs web Anda mudah dimengerti? Jika navigasi Anda rumit atau Anda harus melakukan beberapa langkah untuk menyelesaikan tugas, itu bisa menjadi terlalu sulit untuk dipahami. Anda ingin membuat proses situs web sederhana dan mudah diikuti.
4. Kuat: Apakah situs web Anda adaptif untuk semua browser dan program bantuan? Jika Anda ingin situs web Anda mematuhi ADA, Anda perlu memastikannya kompatibel dengan program bantu, seperti pembaca layar.

Jika Anda mengikuti pedoman WCAG, Anda akan menempatkan situs web Anda di jalur cepat agar sesuai dengan ADA.

2. Tambahkan teks alternatif gambar

Berikutnya pada daftar periksa kepatuhan ADA kami adalah menambahkan teks alternatif gambar. Teks alt gambar adalah teks yang Anda tambahkan ke bagian belakang gambar Anda yang menjelaskan apa yang ada di dalam foto. Teks ini sangat penting untuk semua pengguna.

Jika gambar tidak dimuat di situs web Anda, teks alternatif Anda akan muncul sebagai gantinya. Teks alternatif ini membantu memberi tahu pengguna tentang gambar tersebut, sehingga mereka dapat melihat bagaimana penerapannya pada konteks halaman.

Untuk pengguna penyandang disabilitas, teks alternatif sangat penting untuk memahami apa yang ada di situs web Anda. Jika seseorang mengalami gangguan penglihatan, mereka tidak dapat melihat gambar di situs web Anda. Teks alternatif Anda memberi mereka konteks untuk memahami visual apa yang Anda miliki di situs web Anda.

Saat Anda menambahkan teks alternatif ke gambar Anda, pastikan itu menjelaskan apa yang ada di dalam gambar. Berikut adalah beberapa petunjuk bermanfaat untuk menambahkan teks alternatif ke gambar Anda:

• Gunakan kata kunci target Anda jika relevan, tetapi jangan terlalu banyak mengisi tag Anda dengan kata kunci
• Jangan membuatnya terlalu sederhana — ucapkan “topi” alih-alih “topi bisbol merah duduk di atas meja hitam.”
• Jangan gunakan frasa “gambar dari” untuk mendeskripsikan foto Anda — masuk saja ke dalam deskripsi!

3. Tambahkan teks ke konten video

Item berikutnya untuk memeriksa daftar periksa kepatuhan ADA Anda adalah menambahkan teks ke konten video Anda. Teks tertutup adalah cara yang bagus untuk membuat video di situs web Anda dapat diakses oleh penyandang disabilitas.

Mengaktifkan teks tertutup pada video Anda memungkinkan orang-orang dengan gangguan pendengaran untuk terlibat dengan konten video Anda tanpa hambatan. Ini adalah cara yang bagus untuk membuat konten Anda dapat dicerna dan diakses oleh semua orang!

4. Jangan gunakan lampu atau warna yang berkedip cepat

Saat Anda mendesain situs web Anda, Anda sedang mencari cara untuk membuat bisnis Anda menonjol dari pesaing Anda. Anda dapat mencoba menambahkan pop of flair, seperti pop-up yang berkedip, untuk membuat situs web Anda menonjol. Meskipun menyenangkan untuk meramaikan situs Anda, itu tidak sesuai dengan ADA.

Agar tetap sejalan dengan kepatuhan ADA, Anda harus menghapus elemen apa pun yang berkedip cepat atau berubah warna. Elemen-elemen ini dapat berbahaya bagi pengunjung situs web yang menderita epilepsi, jadi yang terbaik adalah menghapus elemen-elemen ini seluruhnya.

5. Hapus tag header kosong

Selanjutnya pada daftar periksa situs web kepatuhan ADA ini adalah menghapus tag header kosong. Tag header memainkan peran penting dalam membantu pengguna memahami struktur halaman. Mereka membuat hierarki informasi untuk membantu pengguna memahami bagaimana informasi diatur di halaman Anda.

Jadi, mengapa penting jika tag header kosong?

Pembaca tunanetra tidak dapat membaca sekilas konten Anda dan memahami strukturnya. Seseorang yang tidak tunanetra tidak akan melihat tag header kosong — itu hanya akan menjadi ruang kosong. Pengalamannya tidak sama untuk pembaca tunanetra.

Karena pembaca tunanetra bergantung pada pembaca layar, mereka akan mendengar program mengatakan ada header, tetapi tidak akan membaca apa itu karena kosong. Akibatnya, pembaca akan bingung karena tidak memahami organisasi halaman karena header yang kosong.

Untuk memastikan Anda menciptakan pengalaman yang sama bagi semua, hapus tag header kosong atau tambahkan teks (bila berlaku).

6. Tetap perhatikan kontras warna Anda

Item lain untuk memeriksa daftar periksa yang sesuai dengan ADA situs web Anda adalah memeriksa kontras warna Anda. Meskipun kontras warna mungkin tidak tampak seperti masalah besar, hal itu berdampak pada penyandang disabilitas.

Bagi orang yang memiliki gangguan penglihatan atau buta warna, kontras warna tertentu mungkin sulit untuk dilihat atau bahkan menyakitkan untuk dilihat. Misalnya, seseorang dengan Buta Warna Protan (tidak dapat melihat merah) akan melihat situs web merah dan kuning Anda sebagai satu warna.

Jadi, apakah itu berarti Anda harus mengubah seluruh situs web dan skema warna Anda? Tidak. Ini berarti Anda harus lebih memperhatikan kontras warna dan cara Anda memisahkan warna di situs web Anda. Anda dapat melakukan sesuatu yang sederhana seperti menggunakan warna putih untuk memecah warna dan menciptakan kontras.

Selain itu, Anda ingin memikirkan bagaimana Anda menggunakan warna untuk menentukan elemen di situs web Anda.

Jadi, misalnya, jika Anda memiliki artikel tentang apa yang harus dan tidak boleh dilakukan dan menggunakan warna merah dan hijau untuk menandakan apa yang baik dan buruk, Anda mungkin ingin memikirkannya kembali. Anda mungkin ingin menambahkan simbol seperti tanda centang dan tanda x untuk menentukan apa yang harus dan tidak boleh dilakukan daripada hanya mengandalkan warna.

7. Tambahkan pemberitahuan ke batas waktu Anda

Item lain untuk ditambahkan ke daftar periksa yang sesuai dengan ADA situs web Anda adalah menambahkan pemberitahuan ke batas waktu apa pun di situs web Anda. Baik mengklaim penawaran atau menyelesaikan pembayaran, Anda dapat menetapkan batas waktu pada proses di situs web Anda untuk mendorong orang menyelesaikan tindakan lebih cepat.

Jika Anda menerapkan strategi ini, Anda harus membuatnya dapat diakses oleh orang lain yang mengunjungi situs web Anda. Anda pasti ingin memastikan bahwa Anda menambahkan pemberitahuan ketika waktu hampir habis sehingga mereka yang menggunakan pembaca layar akan mendapatkan pemberitahuan bahwa mereka hampir habis tepat waktu.

8. Atur situs web Anda secara logis

Item lain untuk ditambahkan ke daftar periksa kepatuhan ADA Anda adalah mengatur situs web Anda secara logis. Kiat ini mungkin tampak jelas, tetapi memiliki dampak yang signifikan dalam membantu penyandang disabilitas menavigasi dan memahami apa yang ada di situs web Anda.

Untuk setiap pengguna di situs web Anda, Anda ingin memastikan mereka dapat dengan mudah menavigasi situs web Anda dan menemukan informasi yang mereka butuhkan. Itu berarti membuat navigasi yang terorganisir dan struktur halaman yang logis untuk audiens Anda.

Saat Anda membuat navigasi, pastikan Anda mengaturnya dengan cara yang memudahkan orang untuk menelusuri. Buat kategori dan subkategori untuk membantu navigasi Anda memiliki struktur.

Saat Anda membuat halaman di situs web Anda, pastikan Anda memiliki hierarki informasi yang logis. Gunakan H1, H2, dan seterusnya untuk membantu mengatur informasi Anda. Ini memudahkan orang yang menggunakan pembaca layar untuk mengikuti konten Anda.

9. Pastikan situs web Anda dapat dinavigasi dengan keyboard

Berikutnya pada daftar periksa kami untuk kepatuhan ADA adalah memastikan situs web Anda dapat dinavigasi dengan keyboard. Banyak orang dengan gangguan pendengaran dan penglihatan serta masalah mobilitas akan mengandalkan keyboard mereka untuk menavigasi situs web daripada mouse.

Untuk memberikan pengalaman kualitas yang sama, Anda harus memastikan orang dapat dengan mudah menavigasi situs web Anda menggunakan keyboard.

Anda dapat menguji fungsionalitas keyboard Anda dengan mengunjungi situs web Anda dan menggunakan tombol berikut untuk berpindah-pindah:

• Panah atas dan bawah
• tab
• Shift + Tab
• Ruang angkasa
• Memasuki

Jika Anda dapat dengan mudah mengakses berbagai elemen situs web Anda menggunakan kunci ini, maka situs web Anda siap digunakan! Jika tidak, Anda perlu melakukan penyesuaian agar lebih ramah keyboard.

10. Gunakan font yang tepat

Item lain untuk ditambahkan ke daftar periksa Anda untuk kepatuhan ADA adalah menggunakan font yang tepat. Kiat ini berlaku untuk lebih dari sekadar ADA — memiliki font yang tepat dapat membuat atau menghancurkan situs web Anda.

Anda tidak ingin menggunakan font yang sulit dibaca. Beberapa pengunjung tunanetra masih dapat membaca informasi dari situs web tetapi hanya perlu memperbesar font. Jika font Anda terlalu mewah, pengguna tersebut akan kesulitan membaca halaman Anda.

Umumnya, Anda sebaiknya tidak menggunakan opsi font "mewah" yang Anda lihat atau font kursif (gunakan kursif dengan hemat). Gunakan font yang jelas dan mudah dibaca pengguna.

11. Gunakan label ARIA

Terakhir pada daftar periksa kepatuhan ADA ini adalah menggunakan Aplikasi Internet Kaya yang Dapat Diakses (ARIA). Label ARIA membantu penyandang disabilitas memahami berbagai elemen di situs web Anda.

Misalnya, jika Anda memiliki kotak pop-up dengan tanda X di sudut untuk menutupnya, penyandang disabilitas mungkin tidak mengerti apa arti X itu. Label ARIA memungkinkan Anda menambahkan konteks ke fitur, sehingga orang dapat memahami apa arti label itu dan menggunakan situs web Anda tanpa hambatan.

Pikirkan label ARIA sebagai pelabelan elemen yang tidak berlabel, seperti simbol. Ini membantu memberikan lebih banyak konteks untuk membuat situs web Anda lebih mudah dinavigasi dan digunakan.

Perlu bantuan untuk memeriksa item di daftar periksa kepatuhan ADA Anda?

Dalam hal membuat situs web Anda dapat diakses oleh semua orang, ada banyak hal di daftar periksa situs web kepatuhan ADA Anda yang harus diperiksa. Jika Anda merasa kewalahan atau tidak yakin harus mulai dari mana, WebFX dapat membantu. Dengan pengalaman lebih dari 25 tahun dalam desain dan pengembangan web, kami tahu apa yang diperlukan untuk membangun situs web yang sesuai dengan ADA.

Dengan layanan kepatuhan ADA kami, kami akan membantu Anda mengoptimalkan situs web Anda untuk memastikannya sesuai dengan standar ADA. Kami akan membantu Anda memberikan pengalaman luar biasa bagi semua pengunjung situs web.

Untuk memulai, hubungi kami secara online atau hubungi kami hari ini di 888-601-5359 untuk berbicara dengan ahli strategi!