Tips Blogging

Cara membuat website Anda lebih mudah diakses

Cara membuat website Anda lebih mudah diakses

Apakah situs web Anda dapat diakses oleh mereka yang memiliki disabilitas?

Berdasarkan data dari Badan Pusat Statistik (BPS) Republik Indonesia, pada 2010 tercatat jumlah penyandang disabilitas mencapai sekira 9.046.000 jiwa dari sekira 237 juta jiwa. Jika dikonversi dalam bentuk persen, jumlahnya sekira 4,74 persen. Sayangnya, sebagian besar situs web, bahkan yang baru dibangun, tidak memenuhi standar aksesibilitas. Jika Anda belum mempertimbangkan aksesibilitas sampai sekarang, kemungkinan besar situs Anda memiliki penghalang yang menyulitkan orang yang memiliki kecacatan untuk melihat dan terlibat dengan situs web.

Memiliki situs web yang mudah diakses memastikan pengalaman web yang positif bagi semua konsumen. Menurut sebuah penelitian di Inggris, 71 persen pengguna web dengan cacat hanya akan meninggalkan situs web yang tidak dapat diakses.

Apa itu Aksesibilitas Situs Web?

Secara garis besar, aksesibilitas situs web adalah proses menghilangkan hambatan online yang dihadapi oleh orang-orang penyandang cacat dengan tujuan memberikan akses yang setara kepada informasi dan fungsi online secara keseluruhan.

Organisasi W3C atau World Wide Web Compliance telah memecahkan masalah aksesibilitas situs web menjadi 12 poin, yang diuraikan dalam Pedoman Aksesibilitas Konten Web (WCAG 2.0).

Memenuhi semua persyaratan untuk level WCAG 2.0 tertentu bisa menjadi target yang bergerak. Standar tersebut diperbaharui setiap enam bulan sekali, dan draft kerja pertama WCAG 2.1 diluncurkan pada bulan Februari 2017.

Meskipun persyaratan aksesibilitas akan terus berkembang, Anda dapat memperbaiki aksesibilitas situs web Anda sekarang dengan mengikuti praktik terbaik di bawah untuk pengelolaan desain, pengembangan, dan konten web untuk meningkatkan pengalaman pengguna di situs web Anda untuk semua pengunjung.

Baca juga :

5 Cara mendapatkan refferal trafik terbaik dan terampuh

Cara membuat strategi konten untuk blog Anda

Menampilkan web browser push notification di aplikasi web

Merancang untuk Semua Pengguna

Apakah Anda sedang membuat situs web baru atau melakukan pembaruan ke situs yang ada, berikut adalah pertimbangan desain dasar untuk membantu Anda membuat desain dan desain visual antarmuka pengguna lebih mudah diakses.

Rasio Kontras Warna

Beberapa orang tidak bisa membaca teks jika tidak ada cukup kontras antara warna teks dan warna latar belakang. Bagi orang lain, warna-warna cerah tidak terbaca. Sebagai praktik terbaik, teks latar depan Anda harus memiliki kontras yang cukup dari warna latar belakang. Rasio kontras 5: 1 untuk teks normal dan 3: 1 untuk teks besar adalah standar yang baik untuk diikuti dan juga memenuhi persyaratan minimum untuk WCAG 2.0 Level AA.

Color Contras
Kontras warna

 

WebAIM menawarkan pemeriksa kontras warna gratis bagi Anda untuk meninjau situs web dan warna pencitraan merek Anda saat ini. Pastikan perancang web Anda memeriksa rasio ini untuk semua pembaruan desain situs web Anda.

Slider dan Animasi

Beberapa penelitian tentang pengalaman pengguna dan keterlibatan pengunjung telah menunjukkan bahwa slider tidak baik untuk konversi dan memiliki keterlibatan rendah. Untuk aksesibilitas web, sangat disarankan agar Anda menghindari slide dan carousels yang berputar di halaman web. Beberapa pengunjung situs mungkin memerlukan lebih banyak waktu untuk melihat dan membaca slide. Konten berputar dan bergerak hanya akan membuat frustrasi bagi pengunjung.

Untuk setiap animasi dan video yang berisi informasi penting di situs Anda, pastikan format alternatif tersedia.

Memanfaatkan WordPress untuk Aksesibilitas

Berkat Standar Coding Aksesibilitas WordPress, sejak Februari 2016 "semua kode baru atau yang diperbarui yang dirilis di WordPress harus sesuai dengan pedoman WCAG 2.0." Sebagian besar tema dan kerangka utama di WordPress, seperti Genesis atau Avada, memberikan dasar yang sesuai. tema bisa dibangun

Bentuk Label dan Kesalahan

Pastikan semua forms di situs Anda memiliki label form yang tepat, bukan teks placeholder. Misalnya, form yang digambarkan di bawah ini memiliki teks placeholder untuk username dan password. Begitu bidang form diklik, pengguna tidak dapat lagi melihat informasi apa yang harus dimasukkan ke field dan bagi pengguna yang membutuhkan waktu ekstra untuk mengisi form, hal itu dapat menimbulkan hambatan.

Form Login
Form Login

 

Ini juga disarankan agar form keluaran memberikan petunjuk dan kesalahan yang jelas saat data tidak dimasukkan dengan benar.

Navigasi halaman web

Salah satu item pengembangan terpenting untuk aksesibilitas adalah membuat situs web yang dapat di navigasikan menggunakan keyboard. Beberapa pengguna situs web dengan gangguan mobilitas tidak dapat menggunakan mouse untuk menavigasi situs web Anda dan mengandalkan perangkat kata kunci atau keyboard.

Dalam hal pengembangan, semakin baik struktur dan semantik halaman Anda, semakin mudah navigasi dan dapat dimengerti untuk semua pengguna. Saat membangun atau memperbarui situs web di WordPress, pastikan pengembang WordPress Anda mengikuti praktik terbaik dalam struktur halaman dengan menggunakan hierarki pos yang tepat, yang memungkinkan skip link, dan menggunakan HTML semantik yang akurat.

Tips Pengelolaan Konten

Tidak seperti pembaruan 'set-it-and-forget-it' lainnya ke situs web Anda, memiliki situs web yang mudah diakses memerlukan penyesuaian tentang bagaimana Anda menangani semua konten situs web ke depan.


Menambahkan Teks Alternatif ke Gambar

Teks Alt (teks alternatif) digunakan dalam HTML untuk menggambarkan tampilan gambar pada halaman web. Pengguna tuna netra mengandalkan teks alt untuk memahami gambar di situs web. Prakarsa Aksesibilitas Web WC3 menawarkan panduan tentang cara menulis alternatif teks yang sesuai untuk aksesibilitas di sini.

Keuntungan menggunakan WordPress adalah bahwa antarmuka WordPress memungkinkan administrator situs web untuk dengan mudah memperbarui konten situs web dan menambahkan teks alternatif ke gambar. Teks alternatif sangat membantu untuk SEO karena search engine mencari teks alternatif untuk mengidentifikasi dan mengindeks gambar dengan benar.

Keterangan Video & Audio

Sama seperti gambar memerlukan teks alternatif, video atau audio di situs Anda harus memiliki teks dan transkrip. Menambahkan elemen ini ke multi media membuka penonton pengunjung yang bisa menikmati dan mengakses pengetahuan yang ditawarkan di media. Teks pada video juga bermanfaat bagi pengunjung yang terlihat yang mungkin lebih suka menonton video dengan suara tidak aktif. Ada banyak alat gratis yang tersedia untuk menambahkan dan mengedit teks ke file video dan audio Anda.

Baca juga :

Keuntungan menggunakan plugin pada situs WordPress

12 Money making plugins untuk situs WordPress Anda

Plugin anti spam terbaik untuk mengurangi komentar spam di situs WordPress

Mempertahankan Aksesibilitas

Yang terpenting, mereka yang menciptakan situs web baru atau upgrade akan menggabungkan perubahan pengkodean backend yang kompleks dan ekstensif. Lindungi semua pekerjaan itu dengan memastikan situs web aman dari peretas dan pelanggaran keamanan.

Ini sangat disarankan untuk backup harian yang diambil dari keseluruhan database situs. Memiliki cadangan yang tersedia tidak hanya penting untuk keamanan, namun juga membantu jika Anda membuat perubahan besar pada situs Anda di masa depan dan memecah komponen yang terkait dengan aksesibilitas.

Apa yang Diharapkan pada 2018

Departemen Kehakiman A.S. (AS) telah menunda pembaruan terhadap aksesibilitas situs web di bawah Amerika dengan Disabilities Act (ADA). Sampai sekarang, hanya situs web federal yang diwajibkan di bawah bagian 508 untuk mempertahankan tingkat aksesibilitas tertentu.

Namun, bisnis online utama menyadari pentingnya aksesibilitas. Sebenarnya, Google dan Facebook telah mengambil petunjuk dan bergerak menuju aksesibilitas dengan Google Chrome Developer Tools sekarang memeriksa halaman web untuk aksesibilitas dan Facebook mendorong teks tertutup pada video untuk pengguna tuna rungu dan pendengaran.

Membuat situs web Anda mudah diakses oleh semua konsumen seharusnya tidak sampai ke pinggir jalan. Mulai hari ini dengan menerapkan praktik terbaik dalam desain dan pengembangan web untuk memastikan situs web dan bisnis Anda lebih mudah diakses.

Share This Post

Leave Comment

Get more stuff like this
in your inbox

Subscribe to our mailing list and get interesting stuff and updates to your email inbox.