10 Cara Untuk Meningkatkan Aksesibilitas Situs WordPress Anda

Diterbitkan: 2022-03-29
10 Cara Untuk Meningkatkan Aksesibilitas Situs WordPress Anda

Aksesibilitas situs web memastikan bahwa situs web Anda mudah digunakan oleh semua orang terlepas dari keterbatasan fisik dan situasional atau batasan ekonomi mereka. Anda ingin memastikan bahwa pengalaman di situs Anda lancar untuk semua pengguna, apa pun keadaannya.

Jika aspek situs web Anda ini tidak diperbaiki, mungkin ada peluang bagus bahwa Anda mungkin membatasi sejumlah besar target pasar Anda hanya karena mereka tidak dapat mengakses fitur utama di halaman online Anda.

Sementara orang mungkin berpikir terutama tentang mereka yang cacat, dan tentu saja, ini adalah tempat yang baik untuk memulai; Masalah aksesibilitas situs web dapat menyentuh keadaan situasional sementara seperti:

  • pengguna yang perlu mengakses situs Anda melalui ponsel mereka atau perangkat layar kecil lainnya, menggunakan televisi pintar (TV), dan sejenisnya;
  • Pengunjung situs web lama dengan tantangan yang berbeda dan berubah karena penuaan;
  • Pengguna yang mengakses situs Anda di area dengan penerangan yang buruk; dan
  • Pengguna yang menggunakan koneksi internet lambat atau yang bandwidthnya mahal karena negara atau tempat mereka.

Mengetahui lanskap tantangan yang luas dan beragam yang perlu Anda tangani dapat membantu Anda menyusun solusi yang dapat berhasil. Berikut ini adalah cara utama bagi Anda untuk meningkatkan aksesibilitas di situs Anda

1. Jadikan Konten Anda Dapat Dikontrol Melalui Suara

Pengenalan suara adalah fitur yang dapat diintegrasikan ke dalam situs web untuk memungkinkan konten Anda dikontrol oleh suara. Ini termasuk formulir, tombol, tautan, dan kontrol lainnya. Anda dapat mengintegrasikan perangkat lunak dikte yang memungkinkan pengguna yang tidak dapat menggunakan mouse atau keyboard untuk melakukan fungsi di situs Anda menggunakan suara.

Semua konten Anda perlu dikodekan dan dirancang dengan benar agar ini berfungsi. Selain itu, Anda akan memerlukan pengidentifikasi dan label dalam kode sumber situs yang cocok dengan cara mereka direpresentasikan secara visual untuk memperjelas kontrol mana yang akan diaktifkan oleh perintah suara.

2. Perhatikan Pilihan Warna Anda

Jutaan orang di seluruh dunia buta warna, jadi warna yang Anda gunakan harus memperhatikan kenyataan ini.

Selanjutnya, Anda harus berhati-hati saat memilih rasio warna situs web Anda dan kontrasnya. Opsi kontras warna harus tinggi, misalnya, menggunakan teks hitam dengan latar belakang putih untuk memudahkan pengguna membaca konten Anda meskipun mereka memiliki batasan visual tertentu.

3. Pastikan Tautan Anda Digarisbawahi

Banyak orang telah mengabaikan aturan 'garis bawahi tautan Anda' akhir-akhir ini karena teks yang tidak digarisbawahi memiliki daya tarik estetis yang lebih besar daripada yang digarisbawahi. Ini mungkin benar, tetapi tugas utama situs web Anda adalah fungsionalitas. Ini berarti dalam segala hal; Anda harus memprioritaskan fungsionalitas.

Menghapus garis bawah mempersulit pengguna Anda untuk mengidentifikasi bagian hyperlink dari penghitung Anda. Jika Anda masih tidak ingin menggarisbawahi konten Anda, pertimbangkan cara lain untuk membuat tautan Anda menonjol dari salinan lainnya. Anda bisa menggunakan warna atau teks tebal untuk melakukan ini.

4. Tambahkan Alt Tag Ke Gambar

Untuk meningkatkan aksesibilitas situs web Anda, Anda harus mempertimbangkan untuk menambahkan 'tag alt' ke semua gambar di situs web Anda.

Beberapa situs menggunakan teks alternatif mereka sebagai bagian dari strategi optimisasi mesin pencari (SEO): alih-alih menggunakannya untuk menggambarkan gambar sesingkat dan sebaik mungkin, mereka menggunakan ruang untuk memasukkan kata kunci yang menurut mereka akan membantu peringkat situs mereka. Jelas, ini biasanya tidak menghasilkan pengalaman membaca yang baik bagi pengunjung situs web dan Anda ingin menghindarinya agar situs web Anda tetap dapat diakses.

Saat seseorang mengakses situs web Anda melalui pembaca layar, dan situs web Anda tidak memiliki tag alt yang ditambahkan ke konten visual mereka, pembaca layar mereka tidak akan dapat menjelaskan apa yang ada di gambar kepada pembaca. Tag alt adalah apa yang memberi tahu perangkat lunak pembaca layar apa yang ada dalam gambar dan bagaimana itu relevan dengan konten di sekitarnya.

Untuk menambahkan tag alt ke gambar di situs, Anda harus membuka bidang Teks Alt yang ada di sisi kanan editor Anda dan menulis kalimat pendek yang menjelaskan gambar tersebut.

5. Jaga agar Tautan Anda Deskriptif

Beberapa pengguna akan menggunakan teknologi perintah suara untuk menavigasi situs Anda karena keterbatasan visual. Karena segmen pengunjung situs Anda ini akan menggunakan pembaca layar untuk mengakses konten situs Anda, tautan Anda harus lebih kontekstual.

Daripada mengatakan sesuatu yang tidak jelas seperti 'baca lebih lanjut', Anda mungkin ingin menambahkan lebih banyak detail untuk mengontekstualisasikan tautan Anda sehingga pengguna tahu persis ke mana tautan itu akan mengarahkan mereka. Jadi, alih-alih hanya 'baca lebih lanjut', Anda mungkin ingin menambahkan lebih banyak detail dan membuatnya membaca sesuatu seperti 'klik di sini untuk membaca lebih lanjut tentang bagaimana tim kami dapat membantu Anda.' Dengan begitu, pengguna yang menggunakan pembaca layar akan diminta untuk mengklik tautan yang disediakan.

6. Uji Ukuran Font Anda Di Layar Berbeda

Sebelum memberikan persetujuan Anda saat ini, Anda harus mengakses situs Anda melalui perangkat yang berbeda dengan ukuran layar yang berbeda, misalnya, menguji tampilan teks Anda di komputer pribadi (PC) dan ponsel, jadi Anda memastikannya dioptimalkan untuk layar besar dan kecil.

7. Tambahkan Tautan Konten Utama

Jika Anda tidak melakukan apa-apa, pengguna yang menggunakan pembaca layar akan memiliki waktu yang berat di situs Anda hanya karena pembaca mereka akan mulai membaca situs web Anda dari atas ke bawah, dan terkadang perlu beberapa saat sebelum mulai membaca konten yang dibutuhkan pengguna. untuk membaca.

Untuk mengatasinya, saat membuat situs WordPress, Anda harus memasukkan tautan yang memungkinkan pembaca layar untuk melompat ke konten utama di halaman Anda. Tautan ini dapat ditambahkan ke kolom pertama (HTML) hypertext markup language Anda.

8. Tawarkan Alternatif Teks Untuk Konten Visual Dan Audio

Menambahkan teks ke konten Anda dapat membantu mereka yang memiliki gangguan pendengaran mengakses konten Anda. Saat memublikasikan video, podcast, atau buku audio di situs Anda, pastikan Anda telah menambahkan teks sebagai alternatif ke konten tersebut sehingga semua orang dapat memahaminya.

9. Aktifkan Pengindeksan Tab

Beberapa pengguna Anda, terutama mereka yang memiliki kemampuan motorik terbatas, akan sering membalas dengan tombol tab keyboard mereka alih-alih menavigasi situs Anda menggunakan trackpad atau mouse.

Untuk mengakomodasi pengguna ini, pastikan situs Anda diindeks tab. Ini adalah saat Anda membantu memastikan semua pengguna dapat mengakses konten Anda dalam urutan yang dimaksudkan dengan menetapkan urutan elemen konten Anda.

9. Aktifkan Pengindeksan Tab

10. Desain Situs Untuk Kecepatan Internet Rendah

Sementara rata-rata pengguna akan memiliki kecepatan internet tinggi hingga rata-rata saat mengakses situs Anda, beberapa pengguna mengalami kecepatan internet yang lebih rendah dari biasanya.

Selain itu, bahkan pengguna dengan kecepatan internet yang umumnya tinggi mungkin mengalami koneksi yang tidak stabil dari waktu ke waktu. Merancang situs web Anda dengan pemikiran ini dapat membantu menjaga situs web Anda dapat diakses oleh semua orang setiap saat.

Anda mungkin berpikir itu berarti situs web Anda harus ditulis dalam teks HTML saja, tetapi itu jauh dari itu. Standar untuk mengalir dapat mencakup:

  • Pastikan halaman Anda tidak lebih dari 25kb. Tujuan Anda adalah membuat data situs web dimuat dalam waktu sekitar 15 detik.
  • Gunakan cascading style sheets (CSS) untuk mengurangi gambar di situs Anda dan menjaga struktur situs Anda tetap bersih.
  • Pastikan halaman situs Anda dapat di-cache, yang mengurangi waktu buka bagi pengunjung yang sering mengunjungi situs Anda.
  • Hindari tautan ke file besar seperti PDF, tetapi pastikan jika tautan tersebut diperlukan. menampilkan ukuran file.
  • Konten yang dimuat pertama kali di situs Anda harus sangat penting karena memotivasi pembaca untuk menunggu beberapa detik lagi sementara informasi lainnya dimuat. Jadi, pastikan Anda menempatkan informasi berharga terlebih dahulu.

Kesimpulan

Membuat situs web dapat diakses melibatkan banyak perencanaan. Ini benar apakah Anda membuat situs dari awal atau Anda ingin menyesuaikan situs Anda saat ini. Luangkan waktu untuk memikirkan bagaimana pengguna dengan batasan yang berbeda dapat berinteraksi dengan situs web Anda dan bagaimana membuat pengalaman mereka menjadi lebih baik.