Cara Membuat Situs Web Wordpress Dapat Diakses

Jutaan orang di seluruh dunia memiliki disabilitas yang memengaruhi cara mereka menggunakan internet. Dengan pandemi Coronavirus yang masih meningkatkan kebutuhan akan belanja online yang mudah, pemesanan makanan, dan bahkan layanan perawatan kesehatan jarak jauh, aksesibilitas web menjadi lebih penting dari sebelumnya.

Panduan aksesibilitas web ini membahas apa itu aksesibilitas, mengapa itu penting, dan bagaimana membuat situs web WordPress dapat diakses, termasuk mengidentifikasi masalah umum melalui pengujian.

Dalam artikel ini, saya akan membahas:

• Apa itu aksesibilitas web?
• Mengapa aksesibilitas penting
• Apa saja masalah aksesibilitas yang umum?
• Menguji situs web WordPress untuk aksesibilitas
• Menjaga agar situs web tetap dapat diakses

Apa itu aksesibilitas web?

Sederhananya, situs web yang dapat diakses adalah situs web yang dapat digunakan oleh semua orang, termasuk orang yang tidak dapat berinteraksi dengan web melalui pengaturan keyboard dan mouse yang khas, dan mereka yang memiliki berbagai perbedaan intelektual atau fisik.

Fitur khusus harus dibangun ke dalam situs web agar dapat digunakan dan dimengerti oleh penyandang disabilitas. Gangguan pendengaran, visual, kognitif, motorik, atau belajar memerlukan akomodasi dan modifikasi situs web agar dapat digunakan. Tergantung pada situasi mereka, penyandang disabilitas menggunakan berbagai alat bantu, seperti pembaca layar, untuk mengakses situs web.

Desainer dan pengembang web perlu memastikan bahwa konten dan fungsionalitas situs web mereka dapat dipahami, dapat dioperasikan, dimengerti, dan kuat (POUR), artinya konten dan fungsionalitas dapat diakses dan dipahami oleh semua orang di semua perangkat.

Beberapa contoh fitur yang membuat situs web lebih mudah diakses meliputi:

• teks tertutup dan transkrip untuk file video dan audio
• teks alternatif pada gambar
• lewati tautan untuk membantu navigasi papan ketik
• kontras warna yang sesuai untuk membuat teks lebih mudah dibaca

Mengapa aksesibilitas penting

Aksesibilitas situs web berdampak pada semua orang yang menggunakan web. Jika situs web Anda atau klien Anda dapat diakses, ini memastikan setiap orang memiliki akses yang sama ke informasi online, kebutuhan, hiburan, belanja, dan lainnya, terlepas dari kemampuannya.

Tetapi aksesibilitas situs web bukan hanya tentang karma baik; itu juga memiliki efek dunia nyata pada peringkat mesin pencari, penjualan baru dan pengunjung situs web, komplikasi hukum, dan citra merek.

Peringkat mesin pencari

Membuat perbaikan aksesibilitas dapat meningkatkan peringkat mesin pencari situs web. Banyak fitur aksesibilitas seperti teks alternatif pada gambar dan konten yang terstruktur dengan baik dengan judul membantu aksesibilitas dan pengoptimalan mesin telusur (SEO). Peringkat yang lebih tinggi pada halaman hasil pencarian dapat meningkatkan visibilitas dengan klien atau pelanggan baru, yang mengarah pada peningkatan lalu lintas situs web, konversi, pelanggan blog atau buletin, dan banyak lagi.

Penjualan meningkat

CDC menyatakan bahwa, pada 2018, 1 dari 4 orang Amerika memiliki disabilitas. Penyandang disabilitas Amerika menghabiskan lebih dari $200 miliar dalam pengeluaran diskresioner online setiap tahun. Fitur aksesibilitas memungkinkan lebih banyak orang menemukan dan menggunakan situs web, meningkatkan peluang penjualan baru, konversi, dan pelanggan tetap. Ketika banyak situs web tidak dapat diakses di dunia saat ini, situs web mana pun yang dapat diakses akan berdiri tegak di atas persaingan.

Itu diwajibkan secara hukum

Semua situs web harus memenuhi standar aksesibilitas web yang ditetapkan dalam American with Disabilities Act (ADA). Di bawah ADA, preseden hukum telah ditetapkan yang menetapkan situs web sebagai tempat akomodasi publik. Ini berarti bahwa situs web bisnis, yang pada dasarnya adalah etalase digital mereka, perlu dibuat dapat diakses dengan cara yang sama seperti bangunan bisnis batu bata & mortir perlu dibuat dapat diakses.

Situs web badan pemerintah lokal, negara bagian, dan federal serta situs web apa pun untuk organisasi dan proyek yang didanai federal juga harus memenuhi standar Bagian 508. Selain itu, ada berbagai undang-undang negara bagian dan internasional yang mengharuskan situs web dapat diakses.

Jika situs web tidak memenuhi persyaratan aksesibilitas yang ditetapkan dalam pedoman ini, organisasi mungkin menghadapi risiko tuntutan hukum atau, dalam beberapa kasus, denda pemerintah. Menurut Usablenet, pada tahun 2020, 3.550 tuntutan hukum aksesibilitas situs web diajukan di Amerika Serikat. Mempertahankan kepatuhan hukum adalah bagian penting dalam menjalankan bisnis, dan memiliki situs web yang dapat diakses adalah salah satu cara bisnis dapat memenuhi kewajiban hukum mereka.

citra merek

Perusahaan dan organisasi nirlaba yang mengambil langkah untuk membuat situs WordPress mereka lebih mudah diakses menunjukkan bahwa mereka mempraktikkan tanggung jawab sosial dan menegaskan bahwa mereka ingin menjadikan internet sebagai tempat bagi semua orang. Komitmen organisasi terhadap aksesibilitas menunjukkan kepada orang-orang bahwa mereka diperhatikan dengan cara yang sangat manusiawi, yang membangun loyalitas dan dapat meningkatkan citra merek.

Apa saja masalah aksesibilitas yang umum?

Perusahaan saya, Equalize Digital, adalah perusahaan konsultan aksesibilitas yang melakukan audit aksesibilitas di situs web untuk bisnis, organisasi nirlaba, dan lembaga pemerintah. Di semua pengujian kami, kami melihat banyak masalah aksesibilitas berulang di semua situs web. Masalah umum ini adalah masalah yang relatif sederhana untuk dipecahkan tetapi biasanya diabaikan oleh pengembang, perancang, dan pembuat konten.

Jika Anda ingin memastikan bahwa situs web yang Anda buat atau kelola dapat diakses, mulailah dengan memeriksa masalah berikut:

Teks alternatif tidak ada atau berkualitas rendah

Teks alternatif adalah apa yang digunakan pembaca layar untuk mendeskripsikan konten atau tujuan gambar kepada orang buta. Jika teks alternatif dibiarkan kosong, pembaca layar akan melewatkannya seluruhnya atau mungkin membaca nama file gambar sebagai gantinya, yang tidak membantu jika nama file berupa rangkaian angka atau tidak menggambarkan tampilannya. Tanpa teks alternatif yang tepat, pengguna tunanetra dan tunanetra tidak akan memiliki konteks atau pemahaman tentang suatu gambar.

Teks alternatif berkualitas rendah bermasalah karena gagal menggambarkan gambar secara akurat atau terlalu bertele-tele dan dapat menyebabkan kebingungan. Kata dan frasa seperti "gambar", "gambar", "gambar", "gambar" tidak perlu ditambahkan ke teks alternatif karena pembaca layar akan mengumumkan bahwa ada gambar atau grafik.

Jika Anda memiliki teks alternatif yang lebih panjang dari 125-150 karakter, beberapa pembaca layar akan terputus dan berhenti membaca. Menambahkan titik dalam teks alternatif dapat menyebabkan pembaca layar berhenti sejenak, berpotensi membingungkan pendengar, atau membuat mereka percaya bahwa teks alternatif telah berakhir.

Kontras warna tidak memadai

Dalam desain web, kontras warna mengacu pada ukuran kecerahan antara warna latar belakang dan elemen berwarna seperti teks, tombol, atau ikon. Warna latar belakang dan latar depan harus memiliki rasio 4,5:1 agar teks berukuran standar dianggap cukup. Anda dapat menguji kontras warna Anda dengan memasukkan kode heksadesimal dari kedua warna ke dalam pemeriksa kontras warna gratis.

Teks jangkar ambigu

Anchor text adalah kata atau kelompok kata yang dapat diklik pada halaman web. Mengklik teks jangkar mungkin membawa Anda ke situs web baru, mengunduh dokumen, membuka gambar atau video di tab baru. Anchor text dianggap ambigu jika tidak masuk akal di luar konteks atau menggambarkan tujuan tautan. Beberapa contoh teks jangkar ambigu termasuk "tautan", "klik di sini", "pelajari lebih lanjut", atau "lanjutkan". Saat menambahkan tautan ke konten, penting bahwa, jika seseorang hanya mendengar tautan secara independen (tanpa teks di sekitarnya), mereka akan tahu ke mana tautan itu menunjuk atau apa yang akan terjadi ketika tautan diklik.

Tidak ada teks & transkrip

Teks mengambil konten lisan dan konten tidak lisan, seperti efek suara, musik, atau tawa dari video, dan mendeskripsikannya melalui teks. Mereka muncul di layar selama video, sehingga pengguna tunarungu dan tuna rungu dapat memahami apa yang terjadi dalam video. Selain itu, teks harus sesuai dengan waktu video. Penting untuk dicatat bahwa teks harus akurat; teks yang dibuat secara otomatis perlu diperiksa keakuratannya.

Transkrip adalah catatan tertulis tentang apa yang dikatakan dalam klip audio atau selama video. Transkrip menyediakan sarana sekunder untuk memahami konten video atau file audio. Mereka harus digunakan bersama teks pada video sehingga orang dapat membaca transkrip daripada menonton video. Ini penting karena tidak semua pengguna dapat membaca teks. Transkrip juga memberikan keuntungan karena mudah diterjemahkan ke dalam bahasa lain dan dapat membantu SEO.

Menguji situs web WordPress untuk aksesibilitas

Cara terbaik untuk menguji situs web untuk aksesibilitas adalah dengan melakukan kombinasi pengujian otomatis, manual, dan pengguna.

Pengujian aksesibilitas otomatis

Pengujian aksesibilitas otomatis dilakukan dengan alat pemindaian AI. Ada banyak alat gratis dan berbayar yang dapat menawarkan berbagai fitur pemindaian aksesibilitas. Saat memilih alat otomatis, berikut beberapa hal yang perlu diingat:

• Ukuran situs web. Jika Anda memiliki situs web yang lebih kecil, alat gratis mungkin cocok untuk Anda. Jika Anda memiliki situs web yang lebih besar, seperti situs dengan blog atau bagian eCommerce dengan ribuan posting, alat berbayar kemungkinan akan lebih sesuai.
• Berapa banyak dukungan yang Anda butuhkan. Jika Anda memerlukan bantuan untuk menemukan kesalahan aksesibilitas di situs web Anda sehingga Anda dapat memperbaikinya, alat gratis dapat menjadi pilihan yang bagus. Jika Anda memerlukan bantuan untuk memahami kesalahan aksesibilitas, atau ingin orang lain memperbaikinya, coba temukan alat dengan opsi dukungan yang ada di dalam atau ditawarkan oleh pengembang. Memiliki dukungan yang tersedia adalah kunci jika Anda baru dalam remediasi aksesibilitas.
• Pengalaman pengguna. Beberapa alat aksesibilitas otomatis dapat digunakan langsung di situs web Anda, misalnya, melalui ekstensi browser atau di dalam dasbor WordPress. Alat lain mengharuskan Anda menggunakan antarmuka yang sepenuhnya terpisah dari situs web Anda. Jika Anda ingin melihat kesalahan aksesibilitas saat mengerjakan situs web Anda, pilih alat yang menawarkan pelaporan di tempat. Ini memudahkan Anda untuk terus memeriksa situs web Anda untuk aksesibilitas saat mengedit konten di situs.

Dua alat gratis populer yang dapat digunakan di situs web apa pun adalah WAVE dan Axe. Alat ini memiliki ekstensi Chrome dan Firefox yang tersedia untuk menguji satu URL, satu per satu, dan paket berbayar yang memungkinkan pengujian massal dan fitur tambahan.

Plugin WordPress Pemeriksa Aksesibilitas

Jika Anda ingin menjalankan pemindaian aksesibilitas massal dan melihat laporan di dasbor WordPress, plugin WordPress Accessibility Checker adalah alat terbaik. Anda dapat mengunduh versi dasar plugin secara gratis di WordPress.org.

Pemeriksa Aksesibilitas memindai halaman dan postingan untuk mencari kesalahan aksesibilitas atau potensi masalah dan menampilkannya langsung di layar edit untuk halaman atau postingan tersebut. Laporan dalam halaman ini berguna tidak hanya untuk memeriksa apakah situs web dapat diakses sejak awal, tetapi juga untuk memantau aksesibilitas yang sedang berlangsung.

Pemeriksa Aksesibilitas menjalankan lebih dari 40 pemeriksaan berbeda, termasuk untuk masalah umum yang diidentifikasi di atas. Versi gratis memindai posting dan halaman, dan versi Pro mencakup pemindaian situs lengkap dari jenis posting khusus dan halaman arsip. Item yang ditandai atau ditinjau secara salah dapat diabaikan, memungkinkan pelacakan perbaikan aksesibilitas yang dilakukan seiring waktu. Ini adalah alat yang hebat untuk agensi, pengembang, dan pengguna WordPress.

Pengujian manual

Sayangnya, pemindaian otomatis tidak dapat mengidentifikasi setiap masalah aksesibilitas di situs web —- beberapa masalah hanya dapat ditentukan oleh manusia yang mengalami situs web tersebut. Setelah menguji situs web dengan alat otomatis seperti Pemeriksa Aksesibilitas, selanjutnya lakukan pengujian manual untuk memastikan semua orang dapat menggunakannya, apa pun perangkat yang mereka gunakan.

Langkah pertama dalam pengujian aksesibilitas manual adalah memastikan bahwa pengguna dapat menavigasi sepenuhnya hanya dengan keyboard. Pergi ke ujung depan situs web dan gunakan tab dan tombol panah untuk menelusuri situs, pastikan Anda tidak kehilangan tempat saat Anda pergi dan Anda dapat menggunakan semua bagian situs web.

Setelah pengujian keyboard, Anda dapat melanjutkan ke pengujian pembaca layar. Pembaca layar adalah jenis perangkat lunak teknologi bantu yang digunakan oleh orang buta dan tunanetra untuk memahami konten web. Jika Anda memiliki Mac, Anda dapat menggunakan perangkat lunak VoiceOver yang ada di komputer Anda. Jika Anda tidak memiliki Mac, Anda dapat mengunduh NVDA pembaca layar open-source gratis atau membeli JAWS pembaca layar populer. Ini adalah praktik terbaik untuk menguji situs web Anda dengan dua atau lebih pembaca layar karena tidak semua pembaca layar mengatakan hal yang sama untuk masing-masing elemen.

Untuk menguji situs web Anda dengan pembaca layar, buka halaman yang ingin Anda uji, lalu telusuri halaman seperti yang Anda lakukan selama pengujian navigasi keyboard, hanya menggunakan tombol tab dan panah. Dengarkan apa yang dikatakan pembaca layar saat Anda menelusuri halaman dan menandai apa pun yang salah atau membingungkan. Dengarkan file media atau penggeser yang diputar secara otomatis dan mengganggu konten lain di halaman.

Setelah Anda melakukan navigasi keyboard dan pengujian pembaca layar, Anda perlu memeriksa semua file media yang disematkan atau ditautkan. File media mencakup video, file audio, PDF, file .Doc atau .XLS, penggeser gambar atau teks, dan widget atau iFrame pihak ketiga. Pastikan bahwa penyandang disabilitas dapat mengakses, berinteraksi dengan, dan memahami konten yang disajikan oleh semua file media yang disematkan atau ditautkan.

Pengujian pengguna

Setelah pengujian aksesibilitas otomatis dan manual, disarankan untuk melakukan pengujian pengguna. Pengujian pengguna melibatkan perekrutan pengguna teknologi bantu dunia nyata untuk menguji situs web Anda untuk kesalahan aksesibilitas. Biasanya, pengguna uji diberikan pengarahan dari pengembang web dengan tujuan tertentu. Pengguna uji kemudian akan mencoba untuk mencapai tujuan tersebut dan kemudian memberikan umpan balik kepada pengembang.

Anda dapat mempekerjakan pengguna pengujian individu melalui program berbayar atau sukarela, atau menemukan perusahaan aksesibilitas yang menawarkan layanan pengujian pengguna.

Kesimpulan: Menjaga Situs Web Dapat Diakses

Penting untuk dicatat bahwa, seperti SEO, aksesibilitas adalah proses berkelanjutan yang memerlukan pemantauan dan modifikasi terus-menerus. Untuk memastikan situs web Anda tetap dapat diakses, buat rencana untuk:

• Pantau dan uji kesalahan aksesibilitas secara teratur menggunakan alat seperti plugin Pemeriksa Aksesibilitas.
• Latih pengembang web, perancang, dan pembuat konten dalam praktik terbaik aksesibilitas web. Jika Anda meluncurkan situs web untuk klien, pastikan mereka tahu cara menambahkan konten dengan cara yang dapat diakses setelah peluncuran.
• Tetap terinformasi tentang pedoman aksesibilitas atau perubahan hukum yang harus Anda ikuti.

Mengambil langkah-langkah ini akan membantu memastikan bahwa situs web Anda tetap dapat diakses dan bahwa semua orang akan memiliki akses yang sama ke informasi, produk, dan layanan di web, terlepas dari kemampuan mereka.