Semua yang perlu Anda ketahui tentang Aksesibilitas Situs Web

Diterbitkan: 2022-02-15

Setiap pengguna yang mengunjungi situs web Anda harus memiliki hak atas pengalaman pengguna yang dapat dipahami, terlepas dari kemampuan mereka atau kekurangannya. Ini bukan hanya pendapat kami, tetapi di beberapa negara itu adalah hukum. Tapi itu bukan satu-satunya alasan untuk memastikan situs web Anda memenuhi standar aksesibilitas. Menurut laporan disabilitas, 1 miliar orang hidup dengan disabilitas, yang setara dengan 15% populasi dunia . Orang-orang dengan cacat fisik, visual, kognitif, neurologis, motorik dan pendengaran akan menggunakan situs web Anda. Meskipun terasa tidak menyenangkan untuk menggunakan angka sebagai alasan, itu adalah jumlah pengunjung potensial yang signifikan. Membuat situs web Anda dapat digunakan untuk semua orang sepadan dengan usaha.

Kesenjangan antara situs web yang dapat diakses dan yang tidak biasanya terjadi dalam anggaran. Membuat situs web Anda inklusif hanya membutuhkan lebih banyak upaya selama pengembangan dan lebih banyak upaya berarti lebih banyak uang. Namun, bila dilakukan secara strategis dan dengan CMS seperti Drupal, hal itu tidak harus menjadi kendala yang berarti. Inti Drupal mendukung desain dan pengembangan situs web yang mematuhi standar WCAG 2.0 dan ATAG 2.0. Faktanya, ada seluruh komunitas (komunitas Aksesibilitas Drupal) yang didedikasikan untuk meningkatkan dan mengikuti standar aksesibilitas. Anda bahkan bisa mengatakan aksesibilitas adalah kekuatan inti dari Drupal.

Itu semua bagus jika Anda akan membangun kembali situs web Anda, tetapi bagaimana jika Anda bekerja dengan yang sudah ada? Mari gali aksesibilitas web dan cara mengetahui apakah situs web Anda dapat diakses atau tidak.

Aksesibilitas Situs Web

Apa itu Aksesibilitas Web?

Aksesibilitas web merupakan aspek yang sangat penting dalam pengembangan web. Dalam istilah awam, aksesibilitas web memastikan situs web Anda dapat diakses oleh semua orang tanpa memandang kecacatan mereka. Meskipun sering diasumsikan, aksesibilitas bukan hanya tentang penyandang disabilitas. Sebagai orang yang berbadan sehat, ada keadaan yang mungkin Anda alami – situasional atau sementara – yang dapat memengaruhi cara Anda mengakses situs web.

Mengapa Aksesibilitas Web Penting

Kesalahpahaman lain adalah bahwa aksesibilitas web sebagian besar digunakan untuk menciptakan citra merek yang positif. Tetapi ada lebih banyak manfaat nyata untuk memiliki situs web yang dapat diakses daripada yang dipikirkan banyak orang.

  • Tingkatkan jangkauan audiens Anda
  • Hindari masalah hukum ( ingat gugatan terhadap Beyonce pada tahun 2019 ketika situs webnya tidak sesuai dengan ADA (Americans with Disabilities Act))
  • Meningkatkan pengalaman pengguna untuk aksesibilitas juga berarti Anda meningkatkan skor UX Anda secara keseluruhan
  • Tingkatkan peringkat situs web Anda di mesin pencari

Meski demikian, pertumbuhan dan popularitas merek yang dipimpin oleh tujuan akhir-akhir ini memang menunjukkan bahwa menjadi inklusif dapat menjadi pembeda merek utama.

Kesesuaian dan Levelnya

World Wide Web Consortium (W3C) mengembangkan dan merilis seperangkat pedoman - WCAG (Pedoman Aksesibilitas Konten Web) yang mengatur standar aksesibilitas web. Kriteria keberhasilan standar ini (WCAG 2.0, WCAG 2.1 dan WCAG 2.2) memiliki tiga tingkat kesesuaian:

  • Tingkat A
  • Tingkat AA
  • Tingkat AAA

Level A - Ini adalah tingkat aksesibilitas minimum yang mencakup persyaratan paling dasar dari fitur aksesibilitas.

Level AA - Level ini membutuhkan semua yang ada di Level A ditambah beberapa persyaratan tambahan. Ketika sebuah situs web sesuai dengan tingkat ini, itu adalah masalah besar karena banyak hambatan aksesibilitas terbesar telah dihapus.

Level AAA - Level AAA membutuhkan semua yang ada di Level A dan AA ditambah beberapa persyaratan tambahan. Tingkat ini sulit dicapai oleh sebagian besar situs web dan merupakan tingkat aksesibilitas tertinggi di bawah standar WCAG.

Bagaimana Anda tahu jika situs web Anda dapat diakses?

WCAG telah menetapkan 4 prinsip dan 13 Pedoman Aksesibilitas Web. Gagal mematuhi salah satu dari empat prinsip ini akan membuat situs web Anda tidak dapat diakses oleh pengguna penyandang disabilitas. Prinsip-prinsip ini dikenal sebagai prinsip POUR

  1. Dapat dipahami
  2. Dapat dioperasikan
  3. Dapat dimengerti
  4. Kokoh

Dapat dipahami - Semua pedoman yang dikelompokkan di bawah yang dapat dipahami berkisar pada memastikan bahwa orang dapat menemukan konten Anda.

Dapat Dioperasikan - Anda perlu memastikan situs web Anda dapat dioperasikan. Orang harus dapat menggunakan situs web Anda.

Dapat dimengerti - Orang harus dapat memahami situs web Anda.

Kuat - Situs web Anda harus kompatibel dengan semua browser, sistem operasi, dan perangkat.

Pedoman Aksesibilitas

Sekarang setiap prinsip memiliki pedomannya sendiri yang akan kita bahas di sini:

Pedoman yang Dapat Dirasakan

1.1) Alternatif Teks - Pedoman Perceivable pertama, perceivable 1.1 mensyaratkan bahwa semua konten non-teks memiliki alternatif teks. Ini berarti gambar harus memiliki teks alternatif yang bermakna. Teks alternatif harus menjelaskan apa yang terjadi dalam gambar.

1.2) Media Berbasis Waktu - Dapat Dirasakan 1.2 mensyaratkan adanya pilihan alternatif untuk media berbasis waktu. Tambahkan teks tertutup pada video untuk orang-orang yang mengalami gangguan pendengaran. Teks tertutup dapat membantu memberi mereka konteks.

1.3) Adaptable - Perceivable 1.3 mensyaratkan bahwa konten dapat disajikan dengan cara yang berbeda tanpa kehilangan konteks.

1.4) Distinguishable - Pedoman terakhir untuk perceivable, adalah Perceivable 1.4 , dan mengharuskan konten dapat dipisahkan dari latar belakangnya secara visual. Ini berarti harus ada kontras yang cukup antara teks dan warna latar belakang. Teks harus memiliki rasio kontras minimum 4,5.

Pedoman yang Dapat Dioperasikan

2.1) Dapat Diakses dengan Keyboard - Pedoman Operaable pertama 2.1 mengharuskan semua bagian situs web dapat diakses hanya dengan menggunakan keyboard .

2.2) Cukup Waktu - Dapat Dioperasikan 2.2 mengharuskan orang diberikan waktu yang cukup untuk menggunakan konten di situs web Anda. Anda harus memberi waktu kepada pengguna untuk menyelesaikan tugas tanpa merasa terburu-buru. Anda juga perlu mempertimbangkan bahwa orang yang berbeda memiliki kemampuan yang berbeda, dan beberapa mungkin sedikit lebih lambat dalam menyelesaikan sesuatu.

2.3) Kejang dan Reaksi Fisik - Dapat dioperasikan 2.3 mensyaratkan bahwa konten tidak dirancang sedemikian rupa sehingga akan menyebabkan kejang. Animasi dan video tidak boleh berkedip lebih dari 3 kali per detik.

2.4) Dapat Dinavigasi - Dapat dioperasikan 2.4 mengharuskan orang dapat menavigasi situs web dan memahami di mana mereka berada di situs web. Semua tautan, input, dan tombol pada halaman harus memiliki status fokus untuk menunjukkan di mana seseorang berada di layar ketika pengguna menavigasi menggunakan tab.

2.5) Modalitas Input - Pedoman terakhir untuk Operable, adalah Operable 2.5 dan mengharuskan semua bagian situs web dapat diakses menggunakan perangkat input lain selain keyboard. Pada dasarnya, Anda ingin memastikan bahwa situs web Anda berfungsi dengan mouse, perangkat layar sentuh, dan ucapan ke teks.

Pedoman yang Dapat Dimengerti

3.1) Dapat Dibaca - Dapat Dimengerti 3.1 mengharuskan konten dapat dibaca dan mudah dipahami. Gunakan bahasa yang sederhana dan cobalah untuk menghindari jargon.

3.2) Dapat Diprediksi - Dapat Dimengerti 3.2 mensyaratkan bahwa halaman web dapat diprediksi dalam tampilan dan pengoperasiannya. Konten akan berbeda di setiap halaman, tetapi struktur utama halaman harus tetap sama. Navigasi, urutan tautan, dan pencarian harus selalu berada di tempat yang sama pada halaman.

3.3) Bantuan Masukan - Dapat dimengerti 3.3 mengharuskan orang untuk memperbaiki dan menghindari kesalahan dengan mudah.

Pedoman yang Kuat

4.1) Kompatibel - Hanya ada satu pedoman di bawah robust , dan itu adalah 4.1 . Ini mengharuskan situs web harus kompatibel dengan semua browser, sistem operasi, dan perangkat. Ini dapat dicapai dengan menulis HTML semantik yang valid. Jika karena alasan tertentu situs web masih memerlukan bantuan aksesibilitas, tambahkan beberapa atribut ARIA.

Bagaimana Menguji Aksesibilitas?

Terakhir, Anda ingin memasukkan pengujian aksesibilitas ke dalam proses manajemen situs web Anda. Misalnya, Anda dapat menelusuri halaman untuk menguji aksesibilitas keyboard. Untungnya, ada banyak alat yang tersedia di internet untuk mengotomatiskan pengujian Anda:

  • Melambai
  • Mercu suar

Situs Referensi

Lihat situs W3C di bawah ini untuk standar dan pedoman.

  • https://www.w3.org/
  • https://www.w3.org/WAI/
  • https://www.w3.org/WAI/standards-guidelines/wcag/
  • https://www.w3.org/WAI/WCAG21/quickref/