Tuntutan Aksesibilitas Situs Web Berkembang: Bagaimana Situs WordPress Dapat Menjadi Sesuai ADA

Seberapa akrab Anda dengan American with Disabilities Act (ADA)? Sayangnya, setiap tahun lebih banyak pemilik situs web yang belajar dengan susah payah ketika mereka dituntut karena ketidakpatuhan mereka terhadap ADA. ADA didirikan untuk memastikan bahwa penyandang disabilitas diberikan akses yang adil dan setara ke perumahan, pekerjaan, transportasi, akomodasi publik, komunikasi, dan program atau layanan pemerintah hingga ke tingkat kota.

Seyfarth Shaw LLP, firma hukum internasional terkemuka, melaporkan bahwa pada tahun 2022, ada 3.255 tuntutan hukum yang diajukan di pengadilan federal “yang menyatakan bahwa penggugat penyandang disabilitas tidak dapat menggunakan situs web karena situs tersebut tidak dirancang untuk dapat diakses dan/atau bekerja dengan teknologi pendukung. ” Setiap tahun sejak 2010 jumlah ini meningkat 10% atau lebih. Litigasi aksesibilitas terkait situs web sekarang mencapai 37% dari semua tuntutan hukum ADA Title III.

Jadi apa artinya menjadi “sesuai dengan WordPress ADA?”

ADA Juga Berlaku Online

Perundang-undangan ADA telah memperjelas bahwa aksesibilitas bagi penyandang disabilitas bukan hanya sesuatu yang terjadi di dunia fisik. Ini juga berlaku untuk ruang digital tempat banyak dari kita bekerja dan menghabiskan banyak waktu. Tempat kerja dan ruang publik atau kantor yang menyediakan layanan utama harus dapat diakses oleh semua orang. Situs web juga demikian.

Dan dunia digital mencakup situs web WordPress yang Anda miliki dan operasikan.

Inilah mengapa perlu membangun situs WordPress yang sepenuhnya sesuai dengan ADA.

Kabar baiknya adalah banyak program perangkat lunak dan alat khusus akan membantu Anda menjadi sesuai dengan ADA sebagai pemilik situs WordPress. Ikuti beberapa praktik yang sudah ada dan gunakan beberapa alat penting untuk digunakan. Ini akan memastikan bahwa konten situs Anda tersedia dan dapat diakses oleh semua orang, termasuk penyandang disabilitas.

Dalam panduan ini, kami akan mendalami Undang-Undang Penyandang Disabilitas Amerika dan mengapa Anda harus mematuhinya di properti online Anda untuk menghindari potensi tindakan hukum. Ada banyak alasan lain untuk membangun situs web yang dapat diakses juga, dan alasan tersebut memiliki manfaat langsung bagi pemilik situs.

Terakhir, kami akan membahas empat kiat aksesibilitas utama yang dapat Anda gunakan mulai hari ini.

Mari lihat.

Mengapa Situs WordPress Anda Harus Sesuai dengan ADA

Undang-undang federal Amerika Serikat mencakup perlindungan kuat yang sepenuhnya melarang bisnis apa pun untuk menolak pekerjaan atau perumahan berdasarkan kemampuan fisik seseorang.

ADA menuntut akses yang adil ke:

• Tempat umum
• Angkutan
• Pendidikan
• …dan banyak lagi…

Di luar dunia fisik, perlindungan ADA juga mencakup semua teknologi informasi dan aksesibilitas elektronik.

Karena itu, kepatuhan ADA memengaruhi hampir setiap situs web yang dipublikasikan. Dan bahkan jika undang-undang tersebut tidak ada, masih merupakan praktik yang bagus untuk memastikan bahwa situs WordPress Anda dapat diakses oleh sebanyak mungkin pengguna.

Lebih khusus lagi, ADA secara eksplisit menyatakan bahwa individu harus mematuhi kebijakan aksesibilitasnya jika mereka adalah pemberi kerja swasta dengan minimal 15 anggota staf.

Selain itu, kepatuhan ADA bersifat wajib jika Anda memiliki bisnis yang beroperasi untuk kepentingan publik, seperti badan amal terdaftar.

Di luar itu, semua situs web lembaga pemerintah lokal dan negara bagian, termasuk situs untuk sekolah, harus 100% sesuai dengan ADA.

Apa Artinya Memiliki Situs Web yang Sesuai dengan ADA WordPress?

Pertama mari kita lihat beberapa standar aksesibilitas situs web yang diterapkan oleh ADA:

• Situs web yang mematuhi ADA harus memungkinkan pengguna situs yang memiliki gangguan penglihatan untuk memahami konten situs Anda dengan menggunakan pembaca layar .
• Situs harus menyediakan transkripsi atau subtitel dari semua konten audio . Hal ini memungkinkan pengguna tuli untuk menyerap konten situs.
• Itu perlu mendukung navigasi keyboard sehingga pengguna yang tidak dapat menggunakan mouse komputer tradisional akan dapat menavigasi situs.
• Situs yang sesuai dengan ADA WordPress akan menerapkan desain visual yang dapat diakses yang membantu mengakomodasi pengguna yang buta warna atau memiliki fotosensitifitas.

Perlu diingat bahwa ini bukan daftar lengkap standar yang sesuai dengan ADA. Saat kami melanjutkan panduan ini, kami akan membahas lebih jauh detail lengkap tentang bagaimana situs WordPress Anda dapat memenuhi semua persyaratan ADA. Saat kita melanjutkan dengan aspek teknis aksesibilitas, ingatlah gambaran besarnya (dan manfaatnya).

Apa Kemungkinan Konsekuensi dari Tidak Memiliki Situs WordPress yang Sesuai dengan ADA?

Ingat, jika situs Anda tidak sepenuhnya memenuhi standar ini, Anda dapat menghadapi masalah hukum. Hal ini dapat terjadi bahkan jika Anda tidak bermaksud mengecualikan penyandang disabilitas untuk dapat dengan mudah mengakses dan menggunakan situs web WordPress Anda. Padahal, dalam hal kepatuhan ADA, maksudnya terpisah dari undang-undang.

Dan ini bukan ancaman teoretis. Dalam beberapa tahun terakhir, beberapa tuntutan hukum profil tinggi terkait situs web yang mematuhi ADA telah diajukan. Tuntutan hukum yang paling banyak diliput adalah terhadap merek Domino's Pizza. Kasus ini sampai ke Mahkamah Agung Amerika Serikat.

Membuat situs WordPress yang lebih mudah diakses oleh penyandang disabilitas bukanlah hal yang tepat untuk dilakukan. Ini juga dapat sangat bermanfaat bagi merek dan bisnis Anda secara keseluruhan.

Menurut WHO (Organisasi Kesehatan Dunia), sekitar 1,3 miliar orang di seluruh dunia memiliki setidaknya satu jenis kecacatan. Ini adalah sekitar 16% dari seluruh populasi dunia. Ini banyak calon pelanggan baru dan pemirsa situs Anda.

Apa yang Dipelajari Target dari Kehilangan Tuntutan Aksesibilitas?

Inisiatif Aksesibilitas Web World Wide Web Consortium (W3C) menawarkan studi kasus tentang gugatan awal ADA yang berpengaruh terhadap situs web perusahaan besar AS yang kesulitan aksesibilitas: target.com. National Federation of the Blind (NFB) berhasil sebagai penggugat dalam kasus ini karena situs web Target tidak memiliki fitur aksesibilitas utama:

• teks alternatif (alt) yang mendeskripsikan gambar untuk orang dengan gangguan penglihatan menggunakan pembaca layar
• kontrol keyboard untuk menyelesaikan pembelian online tanpa menggunakan mouse
• peta gambar yang dapat diakses menunjukkan lokasi toko
• desain halaman HTML semantik yang sesuai standar dengan judul yang membantu navigasi situs

Hari ini, Target Corporation adalah juara aksesibilitas web. Inilah Jason Goldberger, Chief Digital Officer Target dan presiden Target.com pada tahun 2016 menjelaskan apa yang paling dia banggakan, setelah bekerja selama satu dekade untuk membuat Target.com dapat diakses dan sesuai dengan ADA:

… Saya secara teratur mendengar kolega dari berbagai tim berbicara tentang aksesibilitas tanpa diminta, dan memasukkannya ke dalam rencana mereka tanpa pengingat apa pun dari kami. Itu menjadi bagian dari percakapan sehari-hari, dan itu sangat menakjubkan karena tidak selalu demikian. Memikirkan penyandang disabilitas adalah bagian integral dari tim digital, dan bagi saya serta tamu tunanetra lainnya, itu adalah bagian lain dari apa yang membuat Target istimewa.

Sementara aksesibilitas dapat menjadi sangat teknis dalam pelaksanaannya, inilah gambaran besar dari apa yang didukung dan dimungkinkannya: budaya perusahaan yang positif selaras dengan kebutuhan pelanggan dan calon pelanggan sebagai manusia .

Cara Mendapatkan Situs Web yang Sesuai dengan ADA WordPress

Sekarang Anda memiliki pemahaman umum tentang apa itu Undang-Undang Penyandang Disabilitas Amerika dan mengapa itu sangat penting. Selanjutnya, kita akan melihat bagaimana Anda dapat membuat situs WordPress Anda sesuai.

Inilah empat hal yang perlu Anda lakukan untuk mencapainya.

1. Pelajari Seperti Apa Tampilan Situs WordPress yang Sesuai dengan ADA

Departemen Kehakiman Amerika Serikat belum merilis atau menerbitkan pedoman kepatuhan resmi untuk ADA. Namun, itu memang memberikan beberapa rekomendasi yang solid.

Kenali WCAG

Secara khusus, ADA sangat mendorong setiap organisasi untuk mengikuti Panduan Aksesibilitas Konten Web (WCAG), 2.0 level AA.

Pedoman ini secara eksplisit menyatakan bahwa semua pengunjung situs harus dapat memahami setiap informasi yang muncul di situs WordPress Anda. Untuk melakukan ini, pemilik situs perlu menyediakan media alternatif untuk menunggangi situs mereka.

Subtitle Video

Lihatlah YouTube sebagai contoh. Sejak kepatuhan ADA menjadi wajib, mereka secara otomatis menyediakan subtitle untuk semua konten video dan audio yang dihosting dan diputar ulang di platform.

Formulir yang Dapat Diakses

Misalnya, Anda dapat mempertimbangkan untuk menggunakan petunjuk masukan yang disarankan untuk membantu mengklarifikasi informasi yang perlu dimasukkan pengguna situs ke dalam formulir kontak Anda.

Di luar itu, jika pengguna memasukkan informasi yang salah ke dalam formulir, coba berikan rekomendasi sederhana tentang hal-hal yang dapat mereka lakukan untuk memperbaiki kesalahan input ini.

Melakukan ini jauh lebih membantu (dan dapat diakses) daripada hanya menampilkan pesan kesalahan umum dengan input pengguna yang tidak valid.

Mendukung Pembaca Layar dan Navigasi Keyboard

Anda mungkin sudah memiliki beberapa pengunjung situs yang berinteraksi dengan situs Anda menggunakan pembaca layar. Bagi orang yang melakukan ini, teks alt deskriptif sangat membantu mereka untuk memahami gambar yang ditampilkan di situs WordPress Anda.

Individu dengan masalah ketangkasan manual atau visual sering merasa lebih mudah untuk berinteraksi dengan situs web dengan menggunakan kontrol navigasi seperti keypad atau keyboard. Untuk pengguna yang melakukan ini, Anda ingin memiliki struktur navigasi situs yang konsisten dan jelas.

Anda juga dapat memberikan indikasi visual elemen yang saat ini menjadi fokus. Elemen-elemen ini akan diaktifkan saat berikutnya pengunjung situs Anda melakukan tindakan, seperti menekan tombol 'Kembali' di keyboard mereka.

2. Lakukan Tinjauan Kepatuhan ADA Untuk Melihat Posisi Anda Saat Ini

Aksesibilitas bukanlah topik yang sederhana. Faktanya, ini adalah topik besar yang melibatkan banyak elemen antarmuka iklan desain berbeda yang digunakan untuk membuat situs WordPress yang lebih ramah pengguna. Jika pemilik situs web hanya mengabaikan satu faktor terkait aksesibilitas, hal itu dapat dengan mudah mencegah pengguna situs (dan calon pelanggan) mendapatkan pengalaman positif di situs mereka.

Evaluasi Aksesibilitas Situs Web (WAVE)

Tempat yang baik untuk mulai menilai kualitas pengalaman pengguna (UX) situs Anda berdasarkan standar aksesibilitas adalah seperangkat alat yang disebut Website Accessibility Evaluation (WAVE). WAVE akan memindai situs WordPress Anda dan mencantumkan semua potensi masalah dengan aksesibilitas. Ini adalah alat yang sangat berharga untuk digunakan yang membantu mengidentifikasi sejumlah besar masalah yang dapat memengaruhi kegunaan situs.

Saat melihat daftar ini dari WAVE, Anda dapat mengeklik ikon pendamping untuk mendapatkan informasi selengkapnya tentang setiap kesalahan aksesibilitas yang terdeteksi. Alat tersebut bahkan akan menyarankan sumber daya untuk Anda yang akan memberikan lebih banyak wawasan tentang setiap masalah dengan kegunaan.

Sayangnya, WAVE adalah alat terbatas yang hanya dapat memindai satu halaman web dalam satu waktu. Untuk mempercepat proses pemindaian seluruh situs WordPress Anda, ada baiknya Anda memasang ekstensi WAVE for Firefox atau WAVE for Chrome (tergantung browser yang Anda sukai).

Ekstensi akan memungkinkan Anda untuk menjalankan WAVE di setiap halaman web yang sedang Anda lihat.

3. Selalu Ikuti Praktik Terbaik Sesuai ADA WordPress Saat Membuat Situs yang Dapat Diakses

Setelah Anda menguji aksesibilitas situs Anda dan menyusun hasilnya, saatnya untuk mengatasi setiap masalah yang telah Anda identifikasi.

Sangat penting bagi Anda untuk mengambil stok penuh konten situs Anda. Pertimbangkan apakah Anda dapat memberikan output media alternatif untuk apa yang telah Anda publikasikan.

Layanan Transkripsi

Jika konten Anda tidak dapat ditranskripsikan oleh seorang profesional, ada beberapa alat perangkat lunak yang akan menghasilkan teks secara otomatis untuk Anda.

Sayangnya, beberapa dari mereka kadang-kadang agak ceroboh dan tidak akurat. Tetapi jika menggunakan alat perangkat lunak transkrip adalah satu-satunya pilihan Anda, lebih baik daripada tidak menyediakan transkrip apa pun dari konten Anda.

Anda juga ingin memberikan alternatif teks tertulis untuk visual situs WordPress Anda. Praktik yang sangat berguna ini sangat bermanfaat bagi semua pengguna yang mengalami situs web Anda melalui alat aksesibilitas seperti pembaca layar.

Teks ALT dan Gambar

Di WordPress, sangat mudah untuk menambahkan teks alt deskriptif ke gambar dan visual Anda langsung di Perpustakaan Media.

Selain itu, banyak pemilik situs WordPress yang mencari kepatuhan ADA menemukan bahwa sebaiknya hindari menyertakan teks dalam gambar situs web Anda. Sejumlah besar teks dalam gambar akan membuat lebih sulit untuk mendeskripsikan grafik Anda kepada tunanetra hanya dengan menggunakan teks alternatif Anda.

Alih-alih, pertimbangkan apakah Anda dapat membuat efek serupa menggunakan kode. Sebagai contoh, Anda dapat menambahkan informasi yang ingin Anda sampaikan sebagai teks biasa. Kemudian gunakan CSS untuk menatanya.

Rasio Kontras

Untuk sepenuhnya mendukung pengunjung situs yang mengalami gangguan penglihatan, sebaiknya pertahankan rasio kontras minimal 4,5:1 untuk semua teks. Anda juga ingin membuat semua teks dapat diubah ukurannya hingga 200%.

Tantangan yang akan Anda hadapi adalah menyediakan fleksibilitas semacam ini tanpa memengaruhi fungsionalitas situs Anda. Ini kemungkinan akan mengharuskan Anda melakukan banyak pengujian kegunaan sebelum membuat perubahan Anda aktif.

Jika Anda ingin mempelajari lebih lanjut tentang masalah aksesibilitas yang berdampak pada situs Anda, penting untuk menjalankan semua konten situs Anda melalui alat WAVE. Kemudian, luangkan waktu untuk membaca semua sumber daya yang disarankan WAVE.

Pedoman yang ditetapkan oleh WCAG diterima secara luas sebagai standar industri dalam hal aksesibilitas. Namun ada baiknya juga melihat daftar periksa aksesibilitas dari WebAIM. Alat ini bertujuan untuk memadatkan spesifikasi resmi WCAG 2.1.

4. Instal Plugin yang Meningkatkan Kepatuhan ADA WordPress

Banyak plugin dan alat berbeda di repositori WordPress menjanjikan untuk mengarahkan Anda menuju kepatuhan ADA WordPress. Misalnya, Anda dapat dengan cepat memindai seluruh situs web Anda untuk masalah aksesibilitas menggunakan WP ADA Compliance Check Basic.

Pemeriksaan Kepatuhan WP ADA Dasar

Plugin yang berguna ini menyarankan sumber daya yang memberikan lebih banyak info tentang setiap masalah yang terdeteksi, seperti alat WAVE. Namun dengan ini, Anda juga akan mendapatkan tautan langsung ke kode yang terpengaruh. Ini sangat berguna saat Anda perlu menyelesaikan masalah kompleks dengan aksesibilitas.

Alat lain yang perlu dipertimbangkan adalah plugin Accessibility Checker. Plugin ini mencoba menjadi versi WAVE khusus WordPress sambil memungkinkan Anda untuk memindai seluruh situs WordPress Anda dari dalam dasbor.

Samakan Pemeriksa Aksesibilitas Digital

Sebagai pemilik situs web WordPress, ada banyak cara berbeda untuk membuat situs lebih mudah diakses. Namun, memilih tema yang salah untuk menjalankan situs Anda dapat mengesampingkan semua upaya Anda.

Repositori tema WordPress.org diisi dengan tema yang dirancang oleh para profesional. Namun, bahkan desainer WordPress yang paling berpengalaman pun terkadang mengabaikan prinsip-prinsip penting terkait kepatuhan dan aksesibilitas ADA.

Aksesibilitas WP

Untuk membantu mengatasi masalah ini, plugin Aksesibilitas WP akan mengatasi masalah yang terjadi di dalam tema WordPress. Setelah Anda mengunduh dan mengaktifkan plugin, Anda akan ingin menavigasi ke Pengaturan> Aksesibilitas WP di dalam dasbor WordPress.

Sesampai di sana, Anda akan melihat berbagai pengaturan yang terkait dengan aksesibilitas situs yang dapat Anda matikan dan hidupkan. Ini akan tergantung pada bagaimana tema Anda diatur.

Pengaturan akan mencakup penambahan garis besar ke tautan :focus untuk navigasi keyboard yang lebih baik dan memberikan lebih banyak informasi tentang konten gambar menggunakan longdesc .

Jangan Gunakan Hamparan Aksesibilitas

Penting untuk diingat bahwa tidak ada solusi plug-and-play sejati yang akan membuat situs web yang sepenuhnya dapat diakses dan sesuai dengan ADA. Beberapa plugin mungkin mengklaim sebagai plug-and-play, tetapi itu tidak mungkin. Plugin kepatuhan sangat cocok untuk memindai situs untuk menemukan masalah dan melakukan penyesuaian untuk memperbaiki masalah. Tapi hati-hati dengan plugin yang mencoba menggunakan pendekatan overlay. Juga, hati-hati dengan plugin yang mengklaim menawarkan 100% kepatuhan ADA WordPress hanya dengan mengunduh dan mengaktifkan plugin.

“Hamparan aksesibilitas” ini harus dihindari.

Saatnya Membuat Situs WordPress yang Sesuai dengan ADA

Membuat situs WordPress Anda dapat diakses oleh semua orang jelas merupakan hal yang tepat untuk dilakukan sebagai pemilik situs. Tapi, itu juga akan melindungi Anda dari potensi konsekuensi hukum.

Dan dengan memastikan bahwa situs Anda sesuai dengan ADA, Anda akan secara otomatis mengembangkan basis pelanggan potensial Anda.

Untuk merangkum langkah-langkah yang harus diambil untuk membuat situs yang sesuai dengan ADA WordPress:

1. Pahami seperti apa tampilan situs web yang sudah mematuhi ADA.
2. Tinjau situs Anda sendiri untuk memahami seberapa patuhnya situs tersebut. Ini dapat dilakukan dengan menggunakan alat WAVE (Evaluasi Aksesibilitas Situs Web).
3. Ikuti praktik terbaik yang sudah terbukti untuk membuat situs web yang dapat diakses.
4. Instal plugin WordPress seperti WP Accessibility dan WP ADA Compliance Check Basic.

Pada saat itu, Anda akan segera memiliki situs web yang sesuai dengan ADA WordPress yang akan disukai pengguna Anda.

Unduh Tema Kadence & Blok Kadence Untuk Membangun Situs Web yang Efektif

Jika Anda suka membuat konten yang menarik dengan desain yang cantik, Kadence Blocks menyediakan alat untuk berkreasi langsung di editor WordPress asli. Plus, nikmati banyak konten prebuilt yang dapat Anda sertakan dengan mudah di situs Anda, termasuk perpustakaan wireframe blok untuk memulai desain web Anda berikutnya. Bagus untuk inspirasi dan pengembangan cepat!

Unduh sekarang

Dan Knauss

Dan Knauss adalah Generalis Konten Teknis StellarWP. Dia adalah seorang penulis, guru, dan pekerja lepas yang bekerja di sumber terbuka sejak akhir 1990-an dan dengan WordPress sejak 2004.