Cara Menggabungkan Aksesibilitas Web di Situs WordPress Anda

Diterbitkan: 2020-02-15

WordPress adalah platform pembuatan situs web paling populer. Menurut W3techs, 35,7% dari semua situs web menggunakan WordPress, yang membawanya ke 62,5% dari pangsa pasar Sistem Manajemen Konten (CMS) secara global.

Namun, saat membuat situs web WP, aksesibilitas web mungkin adalah hal terakhir yang Anda pikirkan.

Namun, Standar Pengkodean Aksesibilitas WordPress menyatakan bahwa “ Semua kode baru atau yang diperbarui yang dirilis di WordPress harus sesuai dengan Pedoman Aksesibilitas Konten Web 2.0 di level AA. ”

Dengan kata lain, aksesibilitas adalah faktor penting jika Anda memiliki situs web WP.

Untungnya, membuat situs web WP Anda dapat diakses bukanlah hal yang mustahil. Namun, sebelum membahas cara melakukannya, mari kita pahami apa yang dimaksud dengan aksesibilitas web.

A. Empat Pilar Aksesibilitas Web

World Wide Web Consortium (W3C), yang mengembangkan standar internasional untuk web, telah menghasilkan empat prinsip aksesibilitas web berikut:

Dapat dipahami: Anda perlu menyajikan semua informasi dan elemen di situs web Anda sedemikian rupa sehingga semua orang dapat melihatnya.
Dapat dioperasikan : Semua elemen yang dapat dinavigasi dan interaktif Anda harus dapat dioperasikan oleh pengguna yang berbeda.
Dapat dimengerti: Setiap orang harus dapat memahami informasi dan antarmuka pengguna di situs web Anda.
Kuat: Berbagai jenis teknologi bantu dan pengguna harus dapat membaca konten di situs web Anda.

B. Praktik Terbaik Aksesibilitas Web WordPress

Dengan mengingat prinsip-prinsip di atas, Anda dapat mengambil langkah-langkah berikut untuk membuat situs WordPress Anda dapat diakses oleh penyandang disabilitas:

Tingkatkan Aksesibilitas Teks

Semua orang, termasuk tunanetra, harus dapat membaca teks di situs web Anda. Meskipun Anda dapat menggunakan font ukuran besar sebagai default, menyediakan teks yang dapat diubah ukurannya akan semakin meningkatkan keterbacaan. Pengguna tunanetra dapat meningkatkan ukuran font sesuai kenyamanan mereka menggunakan fitur ini.

Juga, pastikan untuk menambahkan alternatif teks seperti Alt Tag di mana pun diperlukan. Aksesibilitas WP adalah salah satu plugin aksesibilitas WordPress yang dapat membantu Anda menambahkan teks yang dapat diubah ukurannya, kontras warna, menambahkan judul posting untuk membaca lebih banyak tautan dan menyediakan Teks Alt yang sesuai.

Bagian Depan dan Belakang Terstruktur

Setiap halaman web Anda harus memiliki bagian depan dan belakang yang terstruktur dengan baik. Ini tidak hanya meningkatkan keterbacaan keseluruhan konten Anda, tetapi juga memudahkan alat bantu untuk menyampaikan pesan kepada pengguna yang dinonaktifkan. Anda dapat menggunakan elemen HTML seperti tag heading semantik dan deskripsi meta untuk meningkatkan bagian belakang.

Pastikan untuk menggunakan daftar berpoin, paragraf pendek, dan konten yang terorganisir dengan baik dan to-the-point akan membantu meningkatkan front end. Anda juga harus menggunakan judul dan judul yang sesuai untuk menentukan berbagai subbagian konten. Hindari menggunakan animasi dan GIF yang mencolok karena tidak ramah aksesibilitas.

Juga, tambahkan Lewati Tautan untuk mempermudah navigasi konten bagi pengguna pembaca layar. Fitur aksesibilitas sederhana ini memungkinkan pengguna untuk berpindah dari satu bagian konten ke konten lainnya tanpa harus melalui materi yang tidak perlu.

Navigasi Keyboard untuk Interaksi yang Lebih Baik

Anda juga perlu memastikan bahwa situs web Anda dapat dinavigasi dengan keyboard. Itu harus menyertakan tautan dan menu, terutama menu tarik-turun. Semua pengguna harus dapat mengakses elemen seperti tautan, menu, tombol, dan formulir menggunakan Tab (maju) dan Shift+Tab (mundur).

Anda juga perlu menggunakan indikator fokus yang terlihat, yang menunjukkan kepada pengguna yang dinonaktifkan di mana mereka berada di halaman web. Tema WordPress mungkin sering mengatur ulang gaya fokus default. Pastikan untuk menggunakan tema WordPress yang tidak menyetel ulang fitur ini. Tema aksesibilitas Divi dapat membantu Anda mengatur navigasi ramah keyboard dengan menu tarik-turun yang dapat diakses dan garis besar visual untuk elemen yang dapat difokuskan.

Tambahkan Tengara ARIA

ARIA adalah singkatan dari Accessible Rich Internet Applications. Dengan peran tengara ARIA, Anda dapat menentukan berbagai wilayah halaman web, memungkinkan pengguna teknologi bantu untuk menavigasi situs web Anda dengan mudah.

Peran tengara ARIA yang paling umum termasuk spanduk, utama, pelengkap, info konten, pencarian, dan navigasi.

Banner: Mendefinisikan judul situs seperti logo, nama perusahaan, atau judul website.
Utama: Mendefinisikan konten utama halaman web.
Pelengkap: Mendeteksi konten pendukung yang merupakan bagian penting dari konten utama.
Info konten: Memberikan informasi tentang dokumen induk seperti catatan kaki, hak cipta, dan pernyataan privasi.
Pencarian: Menunjukkan bentuk pencarian di situs Anda.
Navigasi: Menandai elemen navigasi halaman web.

Keuntungan terbaik menggunakan landmark ARIA adalah mereka dapat bekerja dengan elemen HTML5 yang sudah semantik. Hasilnya, Anda dapat menggunakannya dengan elemen HTML5 di tema WordPress yang ada.

Elemen Interaktif: Kontras Warna

Untuk elemen interaktif seperti CTA dan formulir, selalu gunakan warna kontras tinggi sebagai latar belakang teks Anda. Sementara WCAG 2.0 Level AA memerlukan rasio kontras minimal 4:5:1 untuk teks normal dan 3:1 untuk teks besar, Level AAA memerlukan rasio kontras minimal 7:1 untuk teks normal, dan 4:5: 1 untuk teks besar.

Biasanya, teks hitam dengan latar belakang putih menawarkan kontras warna terbaik. Anda juga dapat menggunakan teks hitam pada latar belakang kuning dan sebaliknya. Namun, hindari kombinasi seperti teks hijau pada latar belakang merah atau teks merah pada latar belakang hijau.

Kata-kata Perpisahan

Aksesibilitas situs web juga meluas ke elemen interaktif lainnya, seperti multimedia, di situs web Anda. Pastikan tidak ada multimedia seperti video, audio, slider, atau carousel, yang memiliki opsi putar otomatis default karena ini merupakan penghalang yang signifikan bagi pengguna yang dinonaktifkan. Sebaliknya, semua konten multimedia harus mulai diputar hanya setelah interaksi pengguna.

Selain transkrip video, deskripsi audio, dan teks, pastikan untuk menggunakan pemutar media yang dapat diakses. Anda dapat menggunakan plugin seperti Able Player, yang memungkinkan Anda menambahkan video dan audio yang disertakan dalam pemutar media yang dapat diakses di halaman mana pun di situs WordPress Anda.

Membuat situs web WordPress Anda dapat diakses akan mengharuskan Anda untuk mengubah desain dan alur pengembangannya dan dapat dilakukan melalui proses manual dengan seorang penasihat. Solusi aksesibilitas web otomatis memerlukan sedikit investasi waktu dan sumber daya akan membawa banyak manfaat, termasuk citra merek yang positif, jangkauan pasar yang lebih luas, peringkat pencarian yang lebih baik, dan belum lagi, peningkatan penjualan.

Jika Anda masih ragu tentang cara membuat situs WordPress Anda dapat diakses, silakan ajukan pertanyaan Anda di komentar.