Cara Membuat Website WordPress Dapat Diakses

Posting ini ditulis oleh tamu oleh Amber Hinds, CEO Equalize Digital, Perusahaan B bersertifikat yang berspesialisasi dalam aksesibilitas WordPress. Jika Anda ingin mempelajari lebih lanjut tentang Equalize Digital dan layanannya, kunjungi situs web perusahaan.

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

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

Pada artikel ini, saya akan membahas:

• Apa itu aksesibilitas web?
• Mengapa aksesibilitas penting
• Apa saja masalah aksesibilitas umum?
• Menguji situs web WordPress untuk aksesibilitas
• Menjaga 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 mungkin tidak berinteraksi dengan web melalui pengaturan keyboard dan mouse biasa, dan mereka yang memiliki beragam perbedaan intelektual atau fisik.

Fitur khusus harus dibangun ke dalam situs web agar dapat digunakan dan dipahami oleh penyandang disabilitas. Ketidakmampuan pendengaran, visual, kognitif, motorik, atau belajar memerlukan akomodasi dan modifikasi situs web agar dapat digunakan. Bergantung pada situasinya, penyandang disabilitas menggunakan berbagai perangkat bantu, seperti pembaca layar, untuk mengakses situs web.

Desainer dan pengembang web perlu memastikan bahwa konten dan fungsionalitas situs web mereka dapat dilihat, 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 antara lain:

• teks tertutup dan transkrip untuk file video dan audio
• teks alternatif pada gambar
• lewati tautan untuk membantu navigasi keyboard
• 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, apa pun 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). Memberi peringkat lebih tinggi pada halaman hasil pencarian dapat meningkatkan visibilitas dengan klien atau pelanggan baru, yang mengarah ke peningkatan lalu lintas situs web, konversi, pelanggan blog atau buletin, dan banyak lagi.

Peningkatan Penjualan

CDC menyatakan bahwa, pada 2018, 1 dari 4 orang Amerika memiliki kecacatan. 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 untuk penjualan baru, konversi, dan pelanggan tetap. Ketika banyak situs web tidak dapat diakses di dunia saat ini, situs web apa pun yang dapat diakses akan berdiri tegak di atas persaingan.

Ini Wajib 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 agen 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 tersebut 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 hukumnya.

Gambar Merek

Perusahaan dan organisasi nirlaba yang mengambil langkah untuk membuat situs web WordPress mereka lebih mudah diakses menunjukkan bahwa mereka mempraktekkan 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 Beberapa Masalah Aksesibilitas Umum?

Perusahaan saya, Equalize Digital, adalah firma konsultan aksesibilitas yang melakukan audit aksesibilitas di situs web untuk bisnis, lembaga nonprofit, 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, desainer, 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 menjelaskan 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 mendeskripsikan gambar secara akurat atau terlalu bertele-tele dan dapat menyebabkan kebingungan. Kata dan frasa seperti "gambar", "gambar", "grafik dari", "gambar dari" 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 terpotong dan berhenti membaca. Menambahkan titik dalam teks alternatif dapat menyebabkan pembaca layar berhenti, berpotensi membingungkan pendengar atau membuat mereka percaya bahwa teks alternatif telah berakhir.

Kontras Warna Tidak Cukup

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 memadai. Anda dapat menguji kontras warna dengan memasukkan kode heksadesimal kedua warna ke dalam pemeriksa kontras warna gratis.

Teks Jangkar yang ambigu

Anchor text adalah kata atau kelompok kata yang dapat diklik pada halaman web. Mengeklik teks jangkar dapat 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 menjelaskan tujuan tautan. Beberapa contoh teks jangkar yang ambigu termasuk "tautan", "klik di sini", "pelajari lebih lanjut", atau "lanjutkan". Saat menambahkan tautan ke konten, penting bahwa, jika seseorang hanya mendengar tautan itu sendiri (tanpa teks di sekitarnya), mereka akan tahu ke mana tautan itu menunjuk atau apa yang akan terjadi ketika tautan itu diklik.

Teks & Transkrip Tidak Ada

Teks mengambil konten lisan dan non-lisan, seperti efek suara, musik, atau tawa dari video, dan mendeskripsikannya melalui teks. Mereka muncul di layar selama video, sehingga pengguna tuna rungu dan tuli dapat memahami apa yang terjadi di video. Selain itu, teks harus sesuai dengan waktu video. Penting untuk diperhatikan bahwa teks harus akurat; teks yang dihasilkan 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 transkripnya daripada menonton videonya. Ini penting karena tidak semua pengguna dapat membaca teks. Transkrip juga memberikan manfaat mudah diterjemahkan ke dalam bahasa lain dan dapat membantu SEO.

Menguji Situs Web WordPress untuk Aksesibilitas

Cara terbaik untuk menguji aksesibilitas situs web 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 adalah 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 bisa 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 dalamnya atau ditawarkan oleh pengembang. Memiliki dukungan yang tersedia adalah kunci jika Anda baru dalam perbaikan 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-alat ini memiliki ekstensi Chrome dan Firefox yang tersedia untuk menguji URL tunggal, 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 Pemeriksa Aksesibilitas WordPress adalah alat terbaik. Anda dapat mengunduh versi dasar plugin secara gratis di WordPress.org.

Pemeriksa Aksesibilitas memindai halaman dan postingan untuk 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 menyertakan pemindaian situs lengkap dari jenis posting khusus dan halaman arsip. Item yang ditandai atau diulas dengan salah dapat diabaikan, memungkinkan pelacakan perbaikan aksesibilitas saat dilakukan dari waktu ke 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 beralih ke pengujian pembaca layar. Pembaca layar adalah jenis perangkat lunak teknologi bantuan yang digunakan orang buta dan tunanetra untuk memahami konten web. Jika Anda memiliki Mac, Anda dapat menggunakan perangkat lunak VoiceOver yang terpasang di komputer Anda. Jika Anda tidak memiliki Mac, Anda dapat mengunduh NVDA pembaca layar sumber terbuka gratis atau membeli pembaca layar JAWS yang populer. Praktik terbaik adalah menguji situs web Anda dengan dua pembaca layar atau lebih 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 sesuatu yang salah atau membingungkan. Dengarkan file media atau penggeser yang diputar secara otomatis dan mengganggu konten lain di halaman.

Setelah melakukan pengujian navigasi keyboard dan 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 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 pendukung 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 mencapai tujuan tersebut dan kemudian memberikan umpan balik kepada pengembang.

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

Kesimpulan: Menjaga Situs Web Tetap Dapat Diakses

Penting untuk diperhatikan 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 developer web, desainer, 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 pascapeluncuran.
• 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 semua orang akan memiliki akses yang sama ke informasi, produk, dan layanan di web, terlepas dari kemampuan mereka.