Mendobrak Hambatan: Mengapa Aksesibilitas Situs WordPress Adalah Kuncinya

Dalam postingan ini saya akan menunjukkan mengapa sangat penting untuk membuat situs WordPress Anda lebih mudah diakses, dan memperkenalkan alat sederhana yang dapat digunakan siapa saja untuk meningkatkan aksesibilitas bagi semua orang. Mengapa? Karena sasaran utama Anda adalah membuat sebanyak mungkin orang mengunjungi situs web Anda. Bagaimana Anda dapat melakukan hal tersebut jika Anda tidak membuat situs Anda dapat diakses oleh semua orang?

Selain itu, sebagian besar dari kita berfokus untuk menemukan cara ajaib untuk mengarahkan lalu lintas dalam jumlah besar ke situs kita menggunakan strategi pemasaran media sosial dan metode pengoptimalan mesin telusur terbaru, namun yang banyak dari kita lupakan adalah ini: Orang-orang yang memiliki sudah ditemukan, Anda harus dapat menavigasi situs web Anda dengan mudah.

Hal ini sangat penting, karena seperti dalam situasi bisnis fisik, orang datang dalam berbagai jenis, bentuk, dan ukuran. Pada akhirnya, Anda ingin mereka yang telah meluangkan waktu mengunjungi tempat usaha Anda meluangkan waktu untuk melihat-lihat, menghabiskan sejumlah uang, sering kembali, dan yang terpenting, mengajak orang lain kembali bersama mereka.

Jika Anda tidak tertarik dengan aksesibilitas situs web sebelumnya, Anda harus tertarik sekarang. Karena itu, mari kita mulai!

Apa itu Aksesibilitas Situs Web?

Mari luangkan waktu sejenak untuk memahami apa yang sedang kita bicarakan.

Aksesibilitas situs web mengacu pada praktik menghilangkan hambatan yang menghalangi interaksi atau akses ke situs web oleh penyandang disabilitas. Ketika situs dirancang, dikembangkan, dan diedit dengan benar, semua pengguna memiliki akses yang sama terhadap informasi dan fungsionalitas.

Jadi kita sebenarnya berbicara tentang praktik menghilangkan hambatan. Ini mungkin terdengar rumit, tapi sebenarnya tidak. Misalnya, penghalang di situs Anda bisa berupa sesuatu yang sederhana seperti tidak membuat judul yang terlihat dan bermakna (yaitu teks yang akan muncul sebagai tooltip) untuk sebuah link.

Jika Anda seorang penjelajah internet biasa dan tiba-tiba Anda kecewa karena kurangnya upaya dari perancang situs web dan/atau webmaster untuk membuat situsnya lebih mudah dinavigasi, bayangkan saja bagaimana seseorang yang memiliki visi kecacatan yang dirasakan saat ini.

Internet Melalui Pandangan Orang Lain

Pernahkah Anda bertanya-tanya bagaimana rasanya orang yang memiliki gangguan indera atau cacat mental atau fisik menjelajahi Internet? Mungkin tidak. Saya mendorong Anda meluangkan waktu untuk melakukannya sekarang juga, karena hal ini dapat mengubah cara Anda membuat dan menjalankan situs web mulai sekarang. Mari kita jelajahi beberapa tantangan yang dihadapi banyak pengguna web:

Visual: gangguan termasuk kebutaan, berbagai jenis gangguan penglihatan umum dan penglihatan buruk, berbagai jenis buta warna.
Motorik/Mobilitas: mis. kesulitan atau ketidakmampuan menggunakan tangan, termasuk gemetar, kelambatan otot, hilangnya kontrol otot halus, dll., karena kondisi seperti Penyakit Parkinson, distrofi otot, palsi serebral, stroke.
Auditori: Tunarungu atau gangguan pendengaran, termasuk individu yang mengalami gangguan pendengaran.
Kejang: Kejang epilepsi foto yang disebabkan oleh efek strobo visual atau kilatan cahaya.
Kognitif/Intelektual: Ketidakmampuan perkembangan, ketidakmampuan belajar (disleksia, diskalkulia, dll.), dan ketidakmampuan kognitif dari berbagai asal, memengaruhi memori, perhatian, “kematangan” perkembangan, kemampuan memecahkan masalah dan logika, dll. .

Kabar baiknya adalah terdapat banyak teknologi pendukung yang tersedia bagi penyandang disabilitas yang memungkinkan mereka menikmati penjelajahan internet. Tugas Anda sebagai perancang situs adalah memastikan bahwa situs Anda mematuhi pedoman tertentu yang memungkinkan teknologi tersebut berfungsi.

Alat Aksesibilitas Internet Populer

Berbicara tentang teknologi bantu, berikut adalah pilihan plugin aksesibilitas internet terpopuler yang sering digunakan:

Perangkat lunak pembaca layar yang menggunakan ucapan yang disintesis untuk membacakan apa yang terjadi di komputer.
Tampilan braille yang dapat diperbarui yang merender teks sebagai karakter braille.
Perangkat lunak pembesaran layar yang memperbesar apa yang ditampilkan di monitor.
Perangkat lunak pengenalan ucapan yang mengubah suara menjadi teks.
Hamparan keyboard untuk membuat pengetikan lebih mudah dan akurat

Dan ya, bahkan ada aplikasi untuk itu:

Teknologi bantuan gratis dari eESSENTIAL Accessibility membantu orang yang kesulitan mengetik, menggerakkan mouse, atau membaca layar.

Sekarang setelah Anda memahami apa yang dihadapi penyandang disabilitas ketika mereka membaca blog, atau mengetahui apa itu Echidna (*petunjuk* bentuknya seperti landak yang sangat runcing) dan makanan apa yang disukainya, atau mungkin sekadar berbelanja untuk mendapatkan hadiah yang sempurna secara online, kita dapat melihat beberapa alat yang dapat membantu Anda mencapai desain situs web yang dapat diakses secara menyeluruh. Lagi pula, jika situs Anda dapat diakses dengan baik oleh penyandang disabilitas, bayangkan betapa mudahnya bagi semua orang untuk bernavigasi.

Cara Memilih Tema WordPress yang Dapat Diakses

Langkah pertama untuk membuat situs web dapat diakses sepenuhnya adalah memilih tema yang siap diakses. Banyak pengembang tema meluangkan waktu untuk menerapkan pedoman dari Buku Panduan Aksesibilitas Tema WordPress, jadi cara terbaik Anda adalah dengan bertanya kepada penulisnya apakah tema tertentu sudah siap untuk diakses.

Misalnya, di WPExplorer kami telah bekerja sama dengan Universitas Hawaii untuk membuat tema Total WordPress lebih mudah diakses. Ingin melihatnya? Jika Anda menjalankan situs web UH melalui alat evaluasi aksesibilitas web WAVE, Anda dapat melihat bagaimana mereka menerapkan fitur tema untuk membuat situs web mereka dapat digunakan oleh semua siswanya.

Anda juga dapat menemukan tema gratis yang dapat diakses di WordPress.org, cukup klik link menu Tema di bagian atas halaman untuk membuka Direktori Tema. Cari submenu berjudul Filter Fitur. Akan ada perlengkapan kecil di sebelahnya. Klik itu.

Ini membuka banyak opsi untuk Anda pilih saat memfilter pencarian Anda. Di bawah Fitur, klik fitur teratas – coba tebak – Siap Aksesibilitas.

Anda kemudian dapat memilih filter lain sebanyak yang Anda inginkan. Di sebelah kiri, Anda akan melihat tombol Terapkan Filter yang akan menunjukkan berapa banyak filter yang telah Anda terapkan. Klik Terapkan Filter. Harap selalu menjaga tangan dan kaki Anda tetap berada di dalam kendaraan.

Anda sekarang telah tiba di tujuan Anda. Harap tetap duduk sampai kendaraan benar-benar berhenti dan pintu terbuka penuh. Kemudian pilih tema.

Penting untuk dicatat bahwa hanya karena sebuah tema ditandai sebagai Siap Aksesibilitas tidak berarti tema tersebut dapat diakses ‘sepenuhnya’. Namun, jika pengembang tema mengalami kesulitan dalam menandai temanya sebagai dapat diakses, kemungkinan besar mereka telah melakukan beberapa perbaikan dalam hal ini. Dan jika Anda mengalami masalah apa pun, beri tahu mereka sehingga mereka dapat memperbarui tema untuk pengguna lain.

(Gratis) Solusi Plugin WordPress untuk Aksesibilitas

Mungkin Anda sedang membuat tema WordPress Anda sendiri, atau mungkin Anda ingin menggunakan tema apa pun yang Anda inginkan. Jangan takut. Salah satu hal menakjubkan tentang dunia WordPress adalah ketersediaan puluhan ribu plugin. Kapan pun Anda membutuhkan sesuatu, biasanya ada plugin yang sesuai dengan kebutuhan Anda.

Pilihan pribadi saya adalah Aksesibilitas WP, yang dilengkapi dengan berbagai alat untuk membantu Anda mencari dan mengatasi banyak masalah aksesibilitas umum yang mungkin Anda temui saat menggunakan tema WordPress. Ini memerlukan sedikit pengetahuan ahli dan sedikit pengaturan.

WP Accessibility Helper (WAH) adalah opsi lengkap lainnya yang mencakup sejumlah fitur berguna untuk melewati tautan, mengubah ukuran font, pemindaian DOM, mode kontras, dll. Ini adalah cara cepat untuk menambahkan sejumlah fitur yang dapat diakses ke situs Anda dalam satu gerakan .

Lainnya yang mungkin ingin Anda periksa memenuhi kebutuhan aksesibilitas yang lebih spesifik.

Font yang Dapat Diakses

Widget Aksesibilitas membuat widget pengalih ukuran font untuk sidebar Anda. Dengan cara ini pembaca situs Anda dapat dengan mudah mengubah ukuran teks sesuai kebutuhan mereka.

Opsi kedua agar lebih mudah dibaca adalah Zeno Font Resizer. Plugin ini memungkinkan admin situs untuk mengatur opsi pengubahan ukuran font (ukuran minimum dan maksimum, langkah pengubahan ukuran saat memperbesar, dan karakter) serta durasi cookie. Dengan cara ini pengguna akan melihat ukuran font yang benar ketika mereka kembali ke situs Anda.

Teks pidato

Bagi pembaca yang memiliki gangguan penglihatan, memiliki opsi audio adalah suatu keharusan. Salah satu plugin yang saya suka adalah Speaker – Page to Speech. Plugin ini dapat membuat versi audio dari postingan dan halaman Anda. Yang terbaik dari semuanya, plugin ini menawarkan 190 suara berkualitas manusia untuk dipilih, mendukung lebih dari 30 bahasa dan berfungsi baik dengan sebagian besar tema.

GSpeech Text To Speech Solution adalah opsi gratis untuk aksesibilitas audio. Ini berfungsi dengan teks apa pun di halaman Anda dan menambahkan blok audio ke situs Anda. Kemudian Anda dapat menggunakan opsi untuk mengubah warna, suara speaker, dan lainnya.

Formulir

Anda dapat dengan mudah menyiapkan aksesibilitas formulir kontak dengan plugin seperti Formulir Kontak 7: Default yang Dapat Diakses dan Bidang Formulir WCAG untuk Formulir Gravitasi, atau hanya dengan menggunakan plugin formulir siap pakai yang dapat diakses seperti Formidable Forms.

Selain itu, ada sejumlah alat dan plugin berguna lainnya yang tersedia untuk membantu berbagai masalah terkait aksesibilitas situs web. Ini adalah halaman yang bagus untuk melihat daftar lengkap alat pengembangan yang direkomendasikan.

Menguji Aksesibilitas Situs Web Anda

Setelah Anda membuat situs web, mungkin ada baiknya Anda menguji perubahan Anda. Ada banyak metode dan perangkat lunak yang dapat Anda gunakan untuk menguji aksesibilitas, namun ada beberapa yang membuat pengujian menjadi mudah.

Salah satu yang telah kami sebutkan dalam artikel ini adalah alat evaluasi aksesibilitas web WAVE oleh WebAIM. Alat yang berguna ini menampilkan kesalahan, peringatan, fitur, elemen struktural, label ARIA, dan kesalahan kontras sehingga Anda dapat menyesuaikannya.

Namun alat yang lebih baik untuk pengguna WordPress adalah plugin Pemeriksa Aksesibilitas yang dibuat oleh Equalize Digital. Plugin gratis ini memindai konten Anda untuk memberikan pemberitahuan peringatan real-time saat mengedit. Dengan cara ini Anda dapat melihat dengan benar apakah postingan atau halaman baru mematuhi WCAG. Pemeriksa juga menampilkan bagian kode yang bertanggung jawab untuk memicu pemberitahuan sehingga Anda (atau pengembang web Anda) dapat melakukan penyesuaian sesuai kebutuhan. Dan jika Anda meningkatkan ke versi pro, Anda juga akan dapat memindai jenis posting khusus, mengakses daftar masalah terbuka, mencatat masalah yang diabaikan, mengatur akses peran pengguna ke fitur pengabaian aksesibilitas, dan membuat Pernyataan Aksesibilitas untuk situs web Anda.

Alat lain untuk pengembang adalah Tota11y, perangkat visualisasi aksesibilitas yang dikembangkan oleh Khan Academy. File JS ini hanya perlu ditambahkan ke situs Anda untuk mengaktifkan alat aksesibilitas, yang muncul di tab ikon kacamata kecil di bagian bawah layar. Cukup klik untuk melihat elemen yang dapat diakses di laman Anda serta kesalahan atau pelanggaran yang mungkin ingin Anda perbaiki.

Kesimpulan

Aksesibilitas situs web sama pentingnya, bahkan lebih, dibandingkan sekadar mengarahkan lalu lintas ke situs Anda. Sekarang Anda dapat memahami mengapa penting untuk memastikan bahwa setiap orang yang tiba di tujuan dapat sepenuhnya memahami dan menavigasi semua informasi yang sangat menghibur dan informatif yang ada di situs web Anda.

Jadi tunggu apa lagi? Manfaatkan kesempatan ini untuk menjadikan situs Anda lebih mudah diakses sekarang juga!