Beberapa Cara Membuat Situs Anda Mudah Diakses

Penataan halaman dan asetnya membuatnya ramah mesin dengan benar, apa pun mesin itu. Tambahkan jenis teknik akal sehat yang memungkinkan pengguna (termasuk pengguna penyandang disabilitas) dan mesin untuk langsung mendapatkan konten yang bermakna, dan yang pasti Anda bergerak ke arah membuat situs Anda mudah diakses dan ramah mesin telusur.

Kita semua akrab dengan kekuatan WordPress yang memungkinkan pemula atau orang non teknis untuk merancang dan mengembangkan properti web mereka sendiri. Platform ini mudah disiapkan, dan menyediakan kerangka kerja yang solid untuk tema dan plugin yang akan menentukan bagaimana konten dan fungsionalitas Anda akan berjalan untuk setiap pengunjung.

Jika Anda ingin situs Anda dapat diakses oleh individu penyandang disabilitas, Anda akan menemukan bahwa WordPress dasar memiliki banyak hal yang dibutuhkan untuk memfasilitasi pengembangan situs web yang dapat diakses, dan tidak sulit untuk melangkah lebih jauh melalui penambahan plugin dan teknik.

Sebelum kita mulai, ada dua faktor penting yang harus diperhatikan. Pertama, menerapkan keempat teknik ini saja tidak akan membuat situs web apa pun dapat diakses sepenuhnya oleh semua orang sejauh memenuhi semua persyaratan yang diperlukan, tetapi ini akan mengatasi hambatan paling umum untuk akses web dan memberikan aksesibilitas yang jauh lebih besar.

Kedua, penting untuk dipahami bahwa aksesibilitas hanya dapat dicapai melalui kerjasama desain, pengembangan, dan praktik pembuatan konten terbaik. Seorang desainer dapat merancang tema yang dapat diakses, pengembang dapat menambahkan fungsionalitas yang dapat diakses, tetapi jika penulis konten menyisipkan gambar yang bermakna tanpa tag alt, makna penuh dari halaman web tidak akan dapat diakses.

Dengan mengingat hal itu, berikut adalah empat tip bagi Anda untuk membuat situs Anda mudah diakses.

Teks Alt Untuk Gambar Anda

Diketahui bahwa satu-satunya penghalang terbesar untuk aksesibilitas web adalah menggunakan teks alternatif dengan benar untuk menggambarkan gambar di halaman web. Jika satu poin ini ditangani oleh semua orang yang membuat situs web, itu akan menghapus jumlah keluhan aksesibilitas terbesar. Dan itulah alasan mengapa kami merasakan dorongan untuk mengembangkan plugin SEO Image Optimizer yang luar biasa, yang mengisi celah dari tag alt yang hilang pada gambar.

Hal mendasar untuk dipahami adalah bahwa jika Anda akan menempatkan gambar di situs Anda, Anda harus memberi label dengan benar dengan teks alternatif. Dengan kata lain, setiap gambar yang Anda pasang secara online harus memiliki arti agar robot dapat mencantumkan gambar Anda di mesin pencari.

Informasi dalam tag alt memungkinkan pengguna pembaca layar (yang membacakan halaman web dengan keras kepada pengguna dengan disabilitas visual), browser teks saja, dan koneksi lambat yang tidak akan memuat gambar untuk memahami informasi yang disampaikan oleh gambar.

Jika sebuah gambar tidak memiliki makna, misalnya digunakan semata-mata untuk hiasan, ada dua cara untuk mengatasinya. Jika Anda memuatnya sebagai gambar latar belakang menggunakan CSS, pembaca layar akan mengabaikannya dan gambar tidak memerlukan tag alt (hati-hati, karena ini juga berlaku untuk gambar yang bermakna: jika Anda memuatnya di latar belakang, pembaca layar akan mengabaikannya ). Jika gambar ditampilkan menggunakan HTML tetapi murni dekoratif, gunakan tag alt tetapi biarkan kosong. Itu memberi tahu pembaca layar bahwa ada gambar tetapi tidak memiliki arti bagi pengguna dan dapat diabaikan yang memungkinkan situs Anda lebih mudah diakses oleh pembaca

Saat Anda memberi label pada gambar Anda, gunakan beberapa teks deskriptif yang memungkinkan orang yang tidak dapat melihat untuk memahami apa arti dari gambar tersebut. Ini membutuhkan penilaian: mengapa gambar itu ada di sini dan pesan apa yang disampaikannya, dan kata-kata apa yang paling baik menyampaikan arti yang sama. Jangan terjebak dalam deskripsi literal dari setiap detail visual, sampaikan artinya.

Contoh klasik adalah gambar kaca pembesar yang digunakan sebagai tombol untuk memulai pencarian. Gambar memiliki arti, sehingga harus dijelaskan. Menggambarkannya sebagai "kaca pembesar" tidak membantu pengguna. Yang perlu mereka ketahui adalah bahwa mengklik tombol ini akan memulai pencarian, jadi teks alternatif "klik di sini untuk mencari" atau bahkan hanya "mencari" mungkin paling tepat.

Hanya gambar yang memiliki tujuan yang harus diberi label. Contohnya adalah sebagai berikut:

Gambar yang digunakan sebagai tombol

Gambar yang digunakan sebagai tautan

Gambar yang digunakan untuk kontrol lainnya

Gambar yang berhubungan langsung dengan konten

Teknik ini berlaku untuk semua situs web, tentu saja, bukan hanya situs WordPress. WordPress, bagaimanapun, membuatnya lebih mudah daripada kebanyakan, pertama dengan mengizinkan pembuat konten untuk beralih antara tampilan Visual dan HTML, dan kedua dengan menyediakan bidang untuk teks alternatif setiap kali gambar dimasukkan menggunakan fungsi Tambah Media.

Plugin Untuk Aksesibilitas Lebih Baik

Aksesibilitas WordPress dapat ditingkatkan dengan menggunakan berbagai plugin. Plugin ini mudah diatur, dan akan memungkinkan pengguna dengan berbagai disabilitas untuk mengakses situs. Berikut adalah beberapa plugin yang saya temukan yang akan membuat situs Anda mudah diakses.

Tombol Akses

Plugin Access Keys memungkinkan kunci akses ditetapkan ke tautan dan kontrol di situs web Anda. Misalnya, tautan beranda dapat diberi kombinasi tombol akses alt+h dan tombol pencarian dapat diberi kombinasi tombol alt+s. Kunci akses, seperti contoh yang diberikan, memungkinkan pengguna tunanetra serta mereka yang memiliki masalah mobilitas, untuk dengan mudah mengakses apa yang mereka inginkan.

Mudah Retweet

Easy Retweet adalah plugin yang memungkinkan Anda menambahkan tombol yang dapat diakses ke halaman Anda yang memfasilitasi berbagi konten Anda di Twitter. Dengan cara ini, jika individu penyandang disabilitas ingin berbagi halaman Anda dengan teman-teman mereka, mereka dapat melakukannya tanpa kesulitan.

AStickyPostOrderER

AstickyPostOrderER memungkinkan Anda memilih urutan tampilan konten Anda. Anda dapat memilih untuk menampilkan konten dari terlama hingga terbaru atau dalam urutan terbalik.

Daftar Isi SEO Hackadelic

Plugin Daftar Isi SEO Hackadelic memungkinkan Anda untuk menyediakan daftar isi baik untuk posting atau halaman Anda. Ini akan membuat konten Anda mudah ditemukan.

WP-Polls

WP-Polls mengizinkan individu penyandang disabilitas untuk berpartisipasi dalam jajak pendapat apa pun yang mungkin Anda miliki di situs Anda

Plugin baru sedang dikembangkan setiap saat. Gunakan fungsionalitas dasbor WordPress untuk mencari lebih banyak. Coba berbagai plugin dan minta pengguna penyandang disabilitas untuk memberi Anda umpan balik

Saat menggunakan plugin apa pun, pastikan plugin yang digunakan kompatibel dengan tema yang Anda pilih, serta satu sama lain. Jika plugin Anda tidak kompatibel dengan tema Anda, plugin tersebut tidak akan berfungsi atau akan menyebabkan lebih banyak masalah bagi pengguna yang dinonaktifkan yang mencoba menjelajahi situs Anda. Jika plugin Anda tidak kompatibel satu sama lain, situs Anda dapat menjadi tidak dapat digunakan atau konten mungkin ditampilkan dengan tidak benar.

Cara Untuk Pergi Dengan Judul

Saat Anda mendesain halaman, sangat penting untuk menyusun konten menggunakan judul dalam urutan yang benar: <h1> , <h2> , <h3> dan seterusnya. Saat Anda menyusun konten menggunakan judul, orang yang menggunakan pembaca layar bisa mendapatkan ringkasan tentang halaman tersebut dan menavigasinya dengan lebih mudah. Pengguna pembaca layar dapat mengakses bagian konten yang diinginkan dengan menekan huruf “H” untuk maju dan “shift+H” untuk mundur.

Anda dapat melabeli konten Anda menggunakan judul satu sampai enam untuk membuat situs Anda mudah diakses. Periksa bagaimana tema Anda menggunakan judul (misalnya, tema Anda mungkin atau mungkin tidak berlaku <h1> ke judul situs dan judul situs itu mungkin atau mungkin tidak muncul di setiap halaman web. Apa pun itu, pastikan judul pertama yang digunakan adalah <h1> dan judul berikut (judul halaman, sub-bagian halaman, judul paragraf) turun secara berurutan hingga <h6> , jika sesuai.

Ada beberapa fleksibilitas tentang pemesanan, tetapi opsi yang paling masuk akal adalah menjaga judul dalam urutan numerik dan benar-benar tidak mencampurnya karena akan menciptakan situasi berbahaya baik bagi pengguna dan mesin pencari (Jangan mencampurnya seperti ini – > <h1> , <h4> , <h2> , dll).

Tautan Navigasi Berguna

Terakhir, Anda perlu memiliki tautan navigasi dalam desain situs Anda. Tautan navigasi ini akan memungkinkan pengguna penyandang disabilitas untuk melewati bilah navigasi atau menu dan kotak telusur lainnya dan melompat ke tempat tertentu di halaman dengan mengeklik tautan ini. Atau, pengguna dapat dengan cepat melompat ke bagian yang diinginkan di situs. Tautan ini perlu muncul di mana pun pengguna perlu melompat ke konten yang bermakna. Contoh dari apa yang mungkin dikatakan tautan ini adalah:

Lewati ke Konten Utama

Langsung ke Bilah Navigasi

Langsung ke Pencarian

Beberapa tema WordPress mungkin sudah menyediakan tautan semacam itu. Jika ini masalahnya, Anda perlu memeriksa tautan ini untuk melihat apakah Anda harus menambahkan tautan Anda sendiri. Namun, tema lain tidak akan menyediakan tautan navigasi. Dengan demikian, Anda perlu menambahkan tautan ini sendiri.

Membungkus

Saya akan mengulangi apa yang saya katakan sebelumnya bahwa tidak satu pun dari langkah-langkah ini yang menjamin situs web Anda 100% dapat diakses tetapi ya itu akan meningkatkan aksesibilitas situs Anda untuk setiap pengunjung yang mengunjungi situs Anda dan situs Anda lebih mudah diakses daripada 90% situs web WordPress di luar sana .

Pengunjung penyandang disabilitas akan dapat menavigasi situs Anda seperti pengunjung lainnya. Karena pengunjung ini juga termasuk robot pencari, Anda harus yakin akan satu hal bahwa membuat situs Anda dapat diakses juga akan menguntungkan bisnis Anda dan membantu Anda mendapatkan peringkat teratas di mesin pencari yang pada akhirnya menghasilkan lebih banyak keuntungan dari bisnis Anda.

Saya harap posting blog ini bermanfaat bagi Anda dan Anda mengambil beberapa elemen kunci dari sini yang akan Anda