Cara Membuat Situs WordPress Anda Dapat Diakses

Memahami dan memanfaatkan aksesibilitas WordPress dengan benar sangat penting untuk kegunaan situs Anda. Jika Anda baru mengenal topik ini, aksesibilitas adalah seperti apa artinya: sejauh mana setiap orang dapat mengakses dan menggunakan sesuatu sepenuhnya.

“Aksesibilitas adalah praktik membuat situs web Anda dapat digunakan oleh sebanyak mungkin orang. Kami secara tradisional menganggap ini sebagai tentang penyandang disabilitas, tetapi praktik membuat situs dapat diakses juga menguntungkan kelompok lain seperti mereka yang menggunakan perangkat seluler, atau mereka yang memiliki koneksi jaringan lambat.” (sumber)

Semakin mudah diakses situs Anda, semakin banyak orang dapat menggunakannya. Ketika sebuah situs kurang dapat diakses, atau ketika aksesibilitas tidak diprioritaskan, sebagian dari audiens Anda terhalang atau sepenuhnya dilarang untuk mendapatkan semua informasi yang ditawarkan situs Anda.

Dalam posting ini, kita akan membahas mengapa aksesibilitas penting, apa artinya, sejauh mana WordPress sudah dapat diakses, bagaimana pembuat situs dapat membuat situs dapat diakses, dan bagaimana menguji aksesibilitas situs.

Mari kita mulai!

Lihat Panduan Video Kami untuk Aksesibilitas Situs Web

Apa Artinya Aksesibilitas Web

Aksesibilitas web berarti bahwa sebuah situs web dirancang dan dikembangkan agar semua orang dapat menggunakannya. Ini termasuk bagaimana mereka memahami, menavigasi, berinteraksi, dan berkontribusi ke situs web.

Cara yang baik untuk sepenuhnya mendefinisikan dan memahami aksesibilitas web adalah dengan mematahkan beberapa mitosnya.

Semakin mudah diakses situs Anda, semakin banyak orang dapat menggunakannya. Sesederhana itu. Pelajari lebih lanjut dalam panduan ini. ️ Klik untuk menge-Tweet

Mitos Pertama: Ini Hanya untuk Orang Buta

Situs web yang dapat diakses sepenuhnya harus dapat digunakan oleh orang-orang dengan cacat pendengaran, kognitif, neurologis, fisik, bicara, dan visual. Penyandang disabilitas menjadi fokus utama upaya aksesibilitas. Namun, mereka bukan satu-satunya orang yang mendapat manfaat dari situs web yang dapat diakses.

Aksesibilitas web meningkatkan pengalaman pengguna untuk semua jenis orang dan situasi berikut:

• Seseorang yang menggunakan perangkat seluler dengan layar yang lebih kecil dan mode input yang bervariasi.
• Orang dengan keterbatasan kemampuan, penglihatan, atau mobilitas karena penuaan.
• Seseorang dengan kesulitan sementara seperti tangan yang terluka.
• Seseorang yang menggunakan situs di area dengan pencahayaan yang dapat mengubah kontras pada layar mereka.
• Seseorang mengakses situs dengan koneksi internet atau bandwidth terbatas.

Mitos Dua: Ini Iseng-iseng atau Tren

Kemungkinan besar, Anda telah mendengar lebih banyak tentang aksesibilitas web dalam beberapa tahun terakhir. Ketika web berkembang dan semakin banyak orang bergantung padanya, aksesibilitas web menjadi masalah yang lebih mendesak. Tapi itu bukan hanya iseng-iseng.

“Aksesibilitas digital adalah hak sipil dan hak asasi manusia penyandang disabilitas di seluruh dunia.”
Lainey Feingold, pengacara dan penulis hak disabilitas

Seiring berjalannya waktu dan penggunaan web menjadi lebih umum, begitu pula kebutuhan akan aksesibilitas web yang meluas. Ketika situs web tidak sepenuhnya dapat diakses sesuai dengan pedoman WCAG, individu dapat mengambil tindakan hukum terhadap pengembang atau pemilik situs web.

Hanya perlu melihat jumlah tuntutan hukum seputar aksesibilitas web untuk memahami seberapa serius orang menanggapi ini. Jumlah tuntutan hukum dari 2017 hingga 2018 hampir tiga kali lipat. Sejak itu, jumlah itu rata-rata memiliki 2.345 tuntutan hukum per tahun. Bahkan selama masa pandemi COVID-19 sepanjang tahun 2020, jumlah gugatan aksesibilitas Website ADA Title III di pengadilan federal meningkat menjadi 12% dari tahun sebelumnya.

Aksesibilitas web akan tetap ada. Saat kami mengembangkan perangkat lunak dan situs web, kami perlu memasukkan aksesibilitas web ke dalam proses kami untuk bergerak maju. Ini diperlukan bukan hanya karena tidak ada yang suka dituntut, tetapi karena internet perlu memenuhi kebutuhan semua individu, apa pun kebutuhan itu.

Mitos Tiga: Anda Dapat Mengotomatiskan Aksesibilitas Sepenuhnya

Setelah Anda memahami mengapa aksesibilitas itu penting — dan bahwa mungkin ada konsekuensi karena tidak memprioritaskannya — Anda mungkin terburu-buru untuk memastikan situs web Anda sesuai dengan WCAG.

Salah satu mitos paling populer tentang aksesibilitas web adalah Anda dapat mengunduh plugin sederhana atau menginstal perangkat lunak yang, dengan menjentikkan jari, membuat situs Anda dapat diakses sepenuhnya. Ini tidak mungkin.

Menurut a11yproject.com, masalah aksesibilitas bersifat objektif atau subjektif. Masalah obyektif dapat dideteksi dengan kode, dan masalah subyektif membutuhkan penilaian manusia. Kode tidak pernah dapat secara akurat menyelesaikan masalah yang termasuk dalam kategori terakhir, dan upaya untuk melakukannya sering kali menyebabkan lebih banyak kerugian daripada kebaikan dalam prosesnya.

“Solusi overlay adalah solusi perangkat lunak otomatis, yang seperti yang kita ketahui, hanya dapat mendeteksi ~30% masalah WCAG sejak awal. Ini karena WCAG bernuansa dan interpretatif. Mesin tidak bagus dalam hal ini.” (sumber)

Ingatlah bahwa aksesibilitas bukan tentang penghindaran risiko, tetapi tentang memberikan pengalaman yang dioptimalkan untuk semua pengguna.

Pedoman Aksesibilitas Konten Web

Inisiatif Aksesibilitas Web telah mengembangkan seperangkat Pedoman Aksesibilitas Konten Web (WCAG) yang dapat membantu Anda memastikan bahwa situs Anda patuh dan dapat diakses sepenuhnya. Jika Anda merancang, mengembangkan, atau mendukung situs web, Anda harus sangat memahami pedoman ini.

Aksesibilitas bukan hanya fokus bagi pengembang tetapi juga desainer, pemasar, penulis konten, manajer proyek, dan banyak lagi. Aksesibilitas harus menjadi prioritas di seluruh proses pembangunan situs mulai dari perencanaan hingga peluncuran. Anda juga harus terus meningkatkan aksesibilitas situs web setelah ditayangkan.

Bagaimana WordPress yang Dapat Diakses Di Luar Kotak

Ini adalah salah satu pertanyaan besar yang diajukan banyak orang ketika mempertimbangkan WordPress sebagai opsi pembuatan situs: Seberapa mudah aksesnya, dan berapa banyak pekerjaan yang harus dilakukan untuk membuat WordPress dapat diakses? Karena tidak ada jawaban hitam-putih untuk ini, mari kita lihat sejauh mana WordPress sudah dapat diakses.

Di mana WordPress Melakukan Aksesibilitas dengan Baik

Berita baiknya adalah seiring waktu, WordPress menjadi semakin mudah diakses. Setiap rilis membuat langkah-langkah kecil dan kemajuan dengan mempertimbangkan aksesibilitas. Karena aksesibilitas menjadi topik yang lebih besar di benak lebih banyak orang, lebih banyak orang dapat memprioritaskannya.

Selain itu, banyak orang di komunitas WordPress yang bersemangat dan vokal tentang topik ini. Setiap tema WordPress default baru mengambil langkah tambahan untuk menjadi lebih mudah diakses. Pengembang datang dengan alat bantu baru dan panduan penulisan dan artikel tentang aksesibilitas WordPress setiap saat. Hasilnya, Anda tidak akan pernah sendirian dalam perjalanan aksesibilitas WordPress Anda.

Jika Anda tertarik untuk mempelajari lebih lanjut tentang WordPress dan aksesibilitas langsung dari anggota komunitas, kunjungi WordPress.tv dan tonton pembicaraan tentang aksesibilitas ini.

Dimana WordPress Merindukan Mark

Terlepas dari kemajuan terbaru, WordPress tidak selalu 100% dapat diakses di luar kotak. Setiap rilis WordPress menghadapi beberapa kritik dalam hal kekurangannya. Pada awal 2019, WPCampus melakukan audit ekstensif terhadap rilis Gutenberg terbaru saat itu. Bekerja seperti ini sangat penting; sejak audit itu, 116 masalah terkait aksesibilitas telah ditutup.

Mungkin sulit bagi pembuat konten yang dinonaktifkan untuk mempublikasikan dengan WordPress. Karena tidak mungkin untuk mengotomatisasi semua aspek desain dan pengembangan yang dapat diakses, siapa pun dapat membuat halaman web yang tidak dapat diakses dengan WordPress.

“Front-end WordPress cukup banyak di tempat yang sama selama bertahun-tahun: sangat mampu diakses, tetapi sepenuhnya tergantung pada pengembang yang membangun situs. Tema yang buruk atau plug-in yang tidak dapat diakses membuat semua perbedaan. Admin terus meningkatkan—adalah jalan yang sulit untuk menggerakkan editor Gutenberg menuju aksesibilitas yang lebih baik, tetapi kemajuan sedang dibuat. Meskipun demikian, ini adalah perjuangan terus-menerus untuk menghindari regresi aksesibilitas dengan komponen antarmuka baru apa pun.” (sumber)

Jadi apa artinya ini bagi Anda sebagai pengembang atau desainer WordPress? Perjalanan Anda ke situs web yang dapat diakses sepenuhnya sedikit lebih pendek ketika Anda memulai dengan WordPress. Namun, masih ada jarak yang harus ditempuh sebelum mencapai garis finis.

Cara Membuat Situs WordPress yang Dapat Diakses

Sekarang, mari masuk ke langkah-langkah yang dapat Anda ambil untuk memastikan bahwa situs web WordPress dapat diakses oleh semua pengguna.

Apa pun yang terjadi, jangan pernah meninggalkan aksesibilitas sebagai tugas yang harus diselesaikan di akhir proyek. Ini harus menjadi prioritas yang terintegrasi sejak awal proses Anda. Dan itu harus menjadi tujuan berkelanjutan setelah situs diluncurkan.

Tidak ada daftar periksa tunggal yang dapat diikuti atau diotomatisasi untuk memastikan aksesibilitas 100%. Sebagian besar pekerjaan bergantung pada plugin, tema, dan konten Anda.

Membuat situs web yang dapat diakses seperti membangun gedung yang aman — tentu saja, ada pedoman, tetapi perhatian individu, pemeliharaan, dan renovasi yang bijaksana sangat penting untuk memastikan Anda mencapai tujuan.

Praktik Terbaik Desain yang Dapat Diakses

Mari kita mulai dengan beberapa praktik terbaik desain yang dapat diakses untuk situs web WordPress, yang dikelompokkan berdasarkan jenisnya. Informasi ini harus menjadi dasar yang kuat untuk pendidikan aksesibilitas Anda.

Gambar-gambar

Semua gambar di situs Anda harus dapat diakses oleh semua pengguna. Mengingat bahwa tidak semua pengguna dapat melihat gambar, beberapa mungkin menggunakan teknologi bantu untuk memahami elemen visual, dan oleh karena itu situs Anda harus siap untuk bekerja dengan teknologi tersebut.

Teks alternatif (atau "alt") adalah deskripsi tertulis yang Anda lampirkan pada gambar. Pembaca layar akan membacakan deskripsi itu dengan lantang kepada setiap tamu yang mungkin tidak melihat gambar tersebut. Teks alternatif harus digunakan untuk gambar apa pun yang memberikan informasi bermanfaat di halaman. Ini mencakup semuanya, mulai dari foto hingga ikon hingga infografis.

Satu-satunya pengecualian adalah jika sebuah gambar dianggap murni "dekoratif". Gambar latar belakang, pembagi, atau gambar yang menampilkan teks yang disajikan pada halaman itu sendiri tidak perlu teks alternatif.

Saat menulis teks alternatif, ingatlah untuk tidak mendeskripsikan gambar apa adanya. Alih-alih, komunikasikan arti gambar dalam konteks halaman. Berikut adalah beberapa panduan bagus untuk membantu Anda menulis teks alternatif yang bagus:

• Pendek dan sederhana adalah yang terbaik.
• Pembaca layar akan mengomunikasikan bahwa ini adalah gambar, jadi hindari mengatakan "Ini adalah gambar ..." di teks alternatif Anda.
• Jika gambar adalah tautan, teks alternatif harus menjelaskan apa yang akan terjadi jika pengguna memilih gambar itu.
• Teks alt harus menyertakan teks apa pun yang muncul pada gambar. Pengecualiannya adalah ketika teks yang sama juga muncul di dekat gambar, seperti di keterangan.

Menambahkan teks alternatif ke gambar di situs WordPress Anda lebih mudah dari yang Anda kira. Anda dapat menambahkan teks ini di tempat yang sama saat Anda menambahkan keterangan gambar.

Buka Perpustakaan Media Anda dan pilih gambar yang ingin Anda edit. Layar Pengaturan untuk gambar itu akan terbuka. Di bidang Teks Alternatif , tambahkan teks alternatif Anda, lalu klik Simpan :

warna

Saat merancang situs yang dapat diakses, memberikan kontras warna yang memadai sangat penting. Kontras warna yang buruk dapat memengaruhi keterbacaan situs Anda dalam banyak kasus, seperti untuk pengguna dengan penglihatan yang buruk, pengguna yang buta warna, atau orang yang menggunakan perangkat tertentu. Gambar, teks, dan elemen seperti tombol semuanya membutuhkan kontras warna yang tepat.

Kontras warna mengacu pada bagaimana warna terang atau gelap muncul ketika ditempatkan berlawanan atau sangat dekat satu sama lain. Misalnya, teks hitam pada latar belakang putih memiliki kontras warna yang jauh lebih tinggi (21:1) daripada teks kuning pada latar belakang putih (1,08:1). WCAG 2.0 AA memerlukan rasio minimum 4,5:1 untuk teks normal dan 3:1 untuk teks yang lebih besar (tebal 18px atau standar 24px dan lebih besar).

Apa sebenarnya artinya itu? Cara paling sederhana untuk menentukan apakah warna Anda bekerja sama dengan baik adalah dengan memasukkannya ke dalam alat pengujian kontras, seperti Pemeriksa Kontras WebAIM. Ada banyak sekali alat pemeriksa online gratis.

Lihat bagian pengujian kami untuk mempelajari lebih lanjut tentang pengujian warna.

Saat Anda menguji lebih banyak kombinasi warna, Anda akan menjadi lebih baik dalam menentukan dengan melihat saja kombinasi warna apa yang berhasil dan mana yang tidak.

Anda juga perlu memastikan bahwa Anda menghindari penggunaan warna sebagai faktor pembeda utama. Misalnya, banyak situs memiliki tautan dengan warna berbeda dari teks isi di sekitarnya. Namun, jika warna sulit dilihat oleh pengguna karena alasan tertentu, mereka tidak mungkin membedakan antara kata yang ditautkan dan kata yang tidak ditautkan. Gunakan warna untuk memperindah tautan, tetapi tambahkan garis bawah di bawah teks agar tautan dapat diakses.

Teks

Banyak dari apa yang kita alami di web adalah teks. Kami menggunakan situs web untuk membaca artikel, resep, cerita, dan banyak lagi. Anda sedang membaca posting ini sekarang! Akibatnya, teks perlu dioptimalkan untuk semua pembaca — apakah mereka membaca dengan mata atau telinga.

Ada dua cara utama untuk mendiskusikan teks ketika berbicara tentang aksesibilitas: font dan ukuran.

Font yang dapat diakses mudah dibaca dalam ukuran kecil dan besar. Font seperti Tahoma, Calibri, Helvetica, Arial, Verdana, Times New Roman, Arvo, Museo Slab, dan Rockwell adalah pilihan yang dapat diakses. Pembaca dengan disleksia mungkin merasa kesulitan untuk membaca font tertentu, termasuk banyak font serif. Font sans-serif untuk teks isi cenderung menjadi pilihan yang lebih aman. Sebaiknya hindari font tampilan — seperti gaya tulisan tangan atau kursif — kecuali teksnya besar, jarang, dan sebagian besar dekoratif.

Ukuran font sangat penting untuk aksesibilitas. Mari kita bahas beberapa aturan praktis dalam hal ukuran font yang dapat diakses.

Font default harus setidaknya 9pt atau 12px. 12pt atau 16px direkomendasikan. Menurut Pedoman WCAG, teks harus dapat dibaca saat diperbesar hingga 200%. Dianjurkan untuk menggunakan persentase atau em sebagai ganti piksel atau titik untuk mengatur ukuran font. Memanfaatkan berbagai bobot font tidak masalah, tetapi pastikan bahwa jika teks Anda menggunakan yang ringan, itu cukup besar untuk dilihat.

Ini bukanlah akhir dari segalanya, melainkan bagaimana mendesain dengan mempertimbangkan aksesibilitas. Tetapi sangat penting untuk mengetahui dari mana harus memulai. Jika Anda ingin membaca lebih dalam tentang mendesain untuk aksesibilitas, lihat sumber daya ini:

• Desain dan Aplikasi Web W3C
• Dasar Aksesibilitas Web untuk Desainer
• Mendesain untuk aksesibilitas tidaklah sulit
• 10 Contoh Desain Web yang Dapat Diakses Sesuai ADA
• Aksesibilitas dalam Desain

Praktik Terbaik Pembangunan yang Dapat Diakses

Saat membangun situs web atau perangkat lunak pelengkapnya (seperti tema dan plugin), ada hal penting yang perlu diingat untuk aksesibilitas. Beberapa di antaranya tumpang tindih dengan desain, tetapi bagian berikut ini terutama berfokus pada cara kerja situs Anda dan bagaimana pengguna Anda akan berinteraksi dengannya.

Elemen Interaktif

Pengguna harus dapat berinteraksi dengan dan menggunakan situs web Anda dengan relatif mudah, apa pun yang terjadi. Ini tidak hanya termasuk menikmati gambar dan membaca teks tetapi juga berinteraksi dengan menu, formulir, tombol, dan video.

Saat membangun situs Anda, pastikan semua elemen interaktif dapat diidentifikasi dengan mudah. Semua menu navigasi — dari header hingga footer — harus dapat digunakan dengan kontrol keyboard. Tampilan link dan tombol pada hover , focus , dan click akan berubah.

Navigasi di seluruh halaman situs Anda harus konsisten dan jelas. Bagaimana Anda memberi nama, gaya, dan tautan navigasi posisi sangat penting. Remah roti yang bijaksana dan judul yang jelas akan memungkinkan pengguna untuk berinteraksi dengan konten Anda dengan percaya diri.

Kemungkinannya adalah, Anda memiliki satu atau dua formulir di situs web Anda. Anda mungkin terkejut mengetahui berapa banyak formulir yang tidak dapat diakses. Elemen formulir Anda harus menyertakan label terkait, baik di sebelah kiri atau di atas bidang. (Kotak centang dan kotak radio dapat berada di sebelah kanan.) Seharusnya jelas bagi pengguna untuk apa setiap bidang formulir.

Jika Anda memiliki konten di situs yang diputar secara otomatis, seperti GIF, penggeser, korsel, video, atau musik, harus ada kontrol yang terlihat yang memungkinkan pengguna menghentikan animasi atau suara. Sebaiknya berikan opsi untuk menghentikan, menjeda, atau menyembunyikan elemen sama sekali.

Jika Anda seorang pengembang yang ingin mendalami pengembangan aksesibilitas web, lihat kiat-kiat ini langsung dari W3C.

Tema WordPress

Jika Anda seorang pembuat situs web DIY, Anda dapat mencapai banyak hal yang dibahas dalam posting ini dengan memilih tema yang dapat diakses. Penting bagi pengembang untuk memahami apa yang membuat tema dapat diakses untuk memprioritaskannya dalam proyek mereka.

Tema WordPress mengontrol tampilan situs web Anda. Banyak tema sudah dikemas sebelumnya dengan skema warna dan kelompok font. Sangat penting untuk memastikan bahwa warna dan font tersebut memenuhi persyaratan yang diuraikan di atas. Banyak tema memasarkan diri mereka sebagai "dapat diakses sepenuhnya", tetapi ini tidak selalu benar. Gunakan pengujian Anda sendiri untuk menentukan apakah suatu tema dapat diakses atau tidak.

Tim aksesibilitas di WordPress.com telah menyiapkan daftar 92 tema gratis di repositori WordPress yang dapat Anda mulai gunakan sekarang.

Saat membuat tema yang dapat diakses, pastikan Anda memahami persyaratan WCAG sejak awal. Area umum yang harus ditangani selama pengembangan meliputi:

• Kontras warna yang memadai dalam palet warna preset
• Kemampuan untuk menavigasi situs web dengan mudah menggunakan keyboard
• Menggunakan peran ARIA yang tepat dan/atau landmark HTML5 untuk memastikan pengalaman pembaca layar yang siap
• Markup semantik HTML yang tepat
• Menghindari pengulangan ID pada halaman
• Mengizinkan pengguna menghentikan atau mengontrol gerakan otomatis apa pun

Pastikan untuk menandai pedoman aksesibilitas WordPress untuk referensi mudah saat Anda mulai membuat tema Anda.

Plugin WordPress

Plugin WordPress memungkinkan Anda untuk menambahkan fungsionalitas plug-and-play ke situs web WordPress Anda. Ada dua jenis plugin aksesibilitas WordPress: yang membantu Anda membangun situs web yang dapat diakses dan membuat situs yang ada dapat diakses oleh pengguna.

Waspadai plugin WordPress yang memberi Anda jaminan seperti "aksesibilitas satu klik" atau "dapat diakses secara otomatis." Hal-hal ini tidak mungkin. Plugin adalah alat yang dapat membantu Anda mencapai tujuan aksesibilitas, bukan tongkat ajaib yang melakukan semua pekerjaan untuk Anda. Terkadang, plugin bahkan dapat menghalangi upaya aksesibilitas Anda — jadi lanjutkan dengan hati-hati!

Ada banyak sekali plugin yang berfokus pada aksesibilitas di luar sana yang menjanjikan untuk meningkatkan, memantau, atau memulihkan masalah aksesibilitas. Mereka mungkin mengaudit situs dan memberi tahu Anda di mana harus melakukan perbaikan. Atau mereka mungkin menyediakan alat frontend untuk membuat pengalaman yang dapat diakses di situs Anda lebih mudah.

Beberapa di antaranya sangat membantu. Namun, yang lain memberikan janji palsu. Selalu pastikan untuk memeriksa plugin seperti ini secara menyeluruh sebelum berkomitmen untuk itu.

Beberapa plugin membuat konten interaktif, seperti kuis dan bilah geser. Seperti yang telah dibahas sebelumnya, elemen-elemen ini memerlukan perhatian dan pengujian khusus untuk memastikan bahwa mereka dapat diakses sepenuhnya. Selalu uji plugin interaktif secara menyeluruh di situs pementasan atau pengembangan sebelum meluncurkannya secara langsung.

Hal yang sama dapat dikatakan untuk plugin formulir. Sayangnya, banyak yang memiliki masalah aksesibilitas. Jika Anda menemukan kasus ini, formulir berkode khusus adalah alternatif yang baik.

Kategori plugin yang populer adalah plugin pembuat halaman. Ini bagus untuk memungkinkan Anda membangun desain seret-dan-lepas yang kuat dan canggih dengan cepat. Namun, mereka sering kali dapat menimbulkan lebih banyak masalah aksesibilitas daripada yang mereka pecahkan. Tidak ada perbaikan tunggal untuk masalah ini, jadi buat desain Anda tetap sederhana dan pastikan Anda menguji semua elemen untuk mengonfirmasi aksesibilitas.

Pernyataan Aksesibilitas

Pernyataan aksesibilitas adalah halaman di situs web Anda tempat Anda mengomunikasikan kebijakan internal, sasaran aksesibilitas, dan keberhasilan sebelumnya terkait bekerja dengan penyandang disabilitas.

Anda harus membuat dan mempublikasikan pernyataan aksesibilitas di situs WordPress Anda karena alasan berikut:

• Untuk menunjukkan kepada pengguna bahwa Anda peduli dengan aksesibilitas dan mereka
• Untuk memberikan informasi tentang aksesibilitas konten Anda
• Untuk menunjukkan komitmen terhadap aksesibilitas dan tanggung jawab sosial

Anda dapat menulis pernyataan aksesibilitas Anda sendiri dengan mengikuti panduan yang disediakan oleh W3C atau dengan menggunakan pembuat pernyataan aksesibilitas.

Cara Menguji Aksesibilitas Situs WordPress

Aksesibilitas bukan tentang menekan tombol kanan, lalu berjalan pergi. Pengujian adalah bagian penting untuk memastikan bahwa situs dapat diakses sepenuhnya. Baik pengujian otomatis maupun manual dapat membantu memastikan semua basis Anda tercakup.

Cara Melakukan Tes Otomatis

Tes otomatis sangat membantu untuk mengukur dari mana harus memulai. Jika Anda baru mengenal aksesibilitas atau tidak yakin harus mulai dari mana, mulailah dengan pengujian dan evaluasi otomatis.

Sebagian besar pengujian otomatis akan mengidentifikasi hal-hal seperti kontras warna yang buruk, teks alternatif yang hilang, tautan kosong, masalah dengan elemen struktural, dan sebagainya. Anda dapat menggunakan tes ini untuk membuat daftar masalah yang harus ditangani. Pengujian seperti ini sangat membantu untuk menemukan kesalahan berbasis kode yang mungkin kurang terlihat dengan mata telanjang, tetapi akan sangat berarti bagi beberapa pengguna Anda.

Salah satu contoh tes aksesibilitas gratis yang dapat Anda gunakan adalah alat WebAim. Ini memeriksa seluruh halaman web Anda dan menghasilkan daftar kesalahan. Bahkan akan menunjukkan kepada Anda di mana tepatnya pada halaman kesalahan itu terjadi.

Anda dapat menemukan banyak alat aksesibilitas individual untuk membantu mengatasi masalah tertentu. Misalnya, gunakan pemeriksa kontras bahkan sebelum Anda mulai mendesain untuk memastikan bahwa warna dalam palet Anda akan menyatu dengan baik.

Ingatlah bahwa tidak ada pengujian otomatis yang sempurna, sangat mudah, atau pengganti pengujian manual.

Cara Melakukan Tes Manual

Karena aksesibilitas WordPress adalah tentang kasus penggunaan manusia yang nyata, manusia nyata harus menjadi orang yang membuat keputusan akhir tentang apakah suatu situs dapat diakses atau tidak. Akibatnya, memesan waktu dan sumber daya untuk pengujian manual sangat penting.

Jadi, bagaimana Anda melakukan tes manual? Berikut adalah beberapa hal yang dapat Anda lakukan untuk menguji seberapa dapat diaksesnya sebuah situs tanpa alat atau program yang mewah atau mahal:

1. Singkirkan mouse: Pastikan Anda dapat menavigasi semua fungsi situs web dengan wajar dan mudah hanya dengan menggunakan tombol keyboard. Ini termasuk berpindah antar bagian, mengakses menu, berpindah dari halaman ke halaman, melompati halaman, dan berinteraksi dengan tautan dan formulir.
2. Menggunakan pembaca layar: Tempatkan diri Anda pada posisi seseorang yang memiliki visibilitas rendah atau buruk. Gunakan aplikasi pembaca layar atau situs web dan tinjau konten di situs Anda untuk memastikan konten tetap masuk akal dan terdengar halus saat dibacakan.
3. Uji situs di lingkungan yang berbeda: Pergilah ke suatu tempat dengan WiFi publik untuk memastikan situs Anda dimuat dengan benar tanpa koneksi internet berkualitas tinggi. Catat area situs yang tertinggal atau hilang sama sekali dengan koneksi yang buruk.
4. Meningkatkan zoom: Buka situs Anda di browser dan gunakan pengaturan browser untuk memperbesar 200%. Apakah Anda masih dapat menggunakan, menavigasi, dan berinteraksi dengan situs dalam setelan ini? Apakah ada konten yang hilang atau terpotong?
5. Fokus pada interaktivitas: Pastikan untuk menghabiskan banyak waktu menguji elemen interaktif seperti video, formulir, dan tombol. Tautan dan bidang formulir harus selalu menjadi fokus dengan garis besar, garis bawah, kursor khusus.
6. Periksa kembali tag alt Anda: Jika Anda tidak yakin apakah suatu gambar memiliki gambar alternatif terlampir atau tidak, gunakan alat Inspect Element untuk mengonfirmasi.
7. Pikirkan secara berbeda: Jika semua gambar di situs Anda hilang, apakah seseorang masih dapat menggunakannya? Jika semua warna di situs Anda tiba-tiba berubah menjadi hitam dan putih, bagaimana pengaruhnya terhadap kegunaan? Pastikan bahwa bagian penting dari situs Anda akan tetap berfungsi jika elemen dekoratif terpengaruh.

Jika ragu, hubungi perusahaan yang menyediakan pengujian aksesibilitas manual. Pakar dalam aksesibilitas serta desain dan pengembangan web dapat melakukan tinjauan manual dengan cepat dan memberi tahu Anda dengan tepat area mana yang perlu dikerjakan.

Jangan lupa bahwa audiens kehidupan nyata Anda adalah salah satu sumber daya terbaik Anda. Miliki area yang jelas di situs Anda tempat pengguna dapat memberikan umpan balik aksesibilitas. Jika seseorang mengalami kesulitan menggunakan situs Anda, harus jelas dari upaya Anda mengumpulkan umpan balik bahwa Anda terbuka untuk mendengar tentang pengalaman itu dan memperbaiki masalah.

Apakah situs web Anda dapat diakses oleh semua pengunjung? Pelajari lebih lanjut tentang bagaimana Anda dapat menguji aksesibilitas dalam panduan ini ️ Klik untuk Tweet

Ringkasan

Internet telah menjadi salah satu alat terpenting dalam kehidupan kita sehari-hari. Setiap orang perlu memiliki kebebasan untuk mengaksesnya, baik browsing untuk hiburan maupun informasi penting. Situs Anda bertanggung jawab untuk memenuhi standar yang ditetapkan untuk kesetaraan di web.

Memahami perlunya pedoman tersebut adalah langkah pertama untuk membuat perubahan yang signifikan dan langgeng. Membangun situs yang dapat diakses berarti lebih banyak orang mendapat manfaat dari apa yang ditawarkan situs web Anda dalam jangka panjang.

Apakah Anda memiliki pertanyaan tentang aksesibilitas WordPress? Beri tahu kami di bagian komentar!