Daftar Periksa Aksesibilitas Situs Web SaaS

Apa itu aksesibilitas situs web?

Aksesibilitas web adalah tentang memastikan bahwa setiap orang dapat mengakses, mengonsumsi, dan terlibat dengan konten situs web SaaS Anda. Situs web yang dapat diakses adalah situs yang mengakomodasi semua pengguna di semua perangkat, terlepas dari kemampuan fisik atau mental pengguna.

Aksesibilitas adalah bagian penting dari desain pengalaman pengguna modern, baik untuk situs web dan produk SaaS Anda. Iterasi terbaru dari Pedoman Aksesibilitas Konten Web (WCAG) 2.1 oleh World Wide Web Consortium (W3C) mencakup sejumlah besar rekomendasi untuk membuat konten web lebih mudah diakses.

Mengapa membuat situs web SaaS Anda dapat diakses?

Anda ingin solusi SaaS Anda mencapai jumlah pengguna maksimum. Tapi coba tebak? Sebagian besar audiens target Anda kemungkinan besar hidup dengan disabilitas, seperti buta warna, kesulitan membaca, gangguan pendengaran, dll.

• Menurut WHO, orang dengan beberapa jenis kecacatan membentuk 15% dari populasi dunia.
• Satu dari empat orang dewasa — atau 61 juta orang — di Amerika Serikat memiliki disabilitas.

Membuat situs web SaaS Anda lebih mudah diakses bukan hanya hal yang benar untuk dilakukan tetapi gagal melakukannya berarti Anda menolak prospek bahkan sebelum Anda sempat memperkenalkan produk Anda.

Selain itu, tidak membuat SaaS Anda dapat diakses dapat menarik tuntutan hukum yang mahal.

• 2018 melihat peningkatan 181% dalam tuntutan hukum ADA Federal selama 2017.
• Jumlah tuntutan hukum yang menyatakan bahwa situs web, aplikasi, dan video tidak dapat diakses oleh penyandang disabilitas naik 64% pada paruh pertama tahun 2021 dibandingkan tahun 2020.

4 prinsip inti desain web yang dapat diakses

Panduan Aksesibilitas Konten Web disusun berdasarkan empat prinsip:

• Dapat dipahami: Pengunjung dengan disabilitas visual, pendengaran, atau sensorik dapat mengonsumsi konten (melalui pembaca layar, teks, transkrip, atau teknologi bantu lainnya).
• Dapat dioperasikan : Pengunjung dapat mengoperasikan situs web dengan kontrol yang mereka sukai, seperti dengan pintasan keyboard untuk seseorang yang tidak dapat menggunakan mouse.
• Dapat dimengerti: Antarmuka situs web dapat dipahami oleh pengguna dengan disabilitas kognitif seperti epilepsi atau autisme.
• Kuat: Situs web ini lintas-browser, lintas-platform, dan kompatibel dengan teknologi bantu saat ini.

Tingkat aksesibilitas WCAG

Ada tiga tingkat kepatuhan aksesibilitas (A, AA, dan AAA), dengan level A sebagai kebutuhan minimum yang terpenuhi (tidak dapat diakses sepenuhnya) dan AAA sebagai tingkat aksesibilitas yang paling optimal.

• Level A: Tingkat aksesibilitas terendah yang memenuhi set persyaratan minimum. Banyak kelompok pengguna penyandang disabilitas akan kesulitan atau tidak mungkin mengakses konten di situs web tersebut.
• Level AA: Tingkat aksesibilitas yang lebih tinggi. Beberapa kelompok pengguna akan kesulitan mengakses informasi di situs web tersebut. Mencapai tingkat ini akan menghilangkan hambatan utama untuk mengakses konten web bagi pengguna penyandang disabilitas.
• Level AAA: Tingkat aksesibilitas tertinggi. Memenuhi kriteria ini akan memastikan pengalaman pengguna yang optimal bagi individu penyandang disabilitas.

Daftar periksa aksesibilitas situs web SaaS 14 poin

Daftar periksa ini tidak komprehensif, tetapi mencakup elemen prioritas yang harus Anda pertimbangkan untuk membuat situs web SaaS Anda lebih mudah diakses dan sesuai:

• Buat struktur header HTML yang jelas dengan penggunaan H1, H2, dll yang benar.
• Buat hyperlink di halaman ramah pengguna:
  • Menggarisbawahi teks tertaut sebaris dan memiliki warna yang berbeda dari konten lainnya.
  • Tulis teks jangkar deskriptif seperti “Unduh panduan aksesibilitas gratis kami” alih-alih “Klik di sini”.
• Tambahkan teks alternatif deskriptif untuk semua gambar dan tabel sehingga konten dapat digunakan oleh orang yang menggunakan teknologi bantu seperti pembaca layar.
• Pastikan Anda memiliki subtitel, teks tersemat, atau setidaknya transkrip teks yang tersedia untuk konten video dan audio.
• Gunakan warna dengan hati-hati:
  • Memiliki kontras warna yang memadai antara berbagai elemen (seperti teks dan tombol) dan latar belakang.
  • Pastikan warna saja tidak digunakan untuk menyampaikan informasi kepada pengguna.
  • Gunakan pola atau tekstur untuk menunjukkan perbedaan visual dalam bagan, grafik, dll.
• Pilih tipografi yang mudah diakses sehingga karakter mudah dibedakan satu sama lain dan font memiliki jarak antar huruf yang cukup.
• Memberikan kemampuan untuk mengubah ukuran teks dengan mudah saat halaman masih berfungsi seperti yang diharapkan di semua browser.
• Jadikan situs web SaaS Anda ramah keyboard:
  • Pastikan semua bagian situs web Anda dapat diakses tanpa mouse, hanya menggunakan tombol keyboard. Semua tindakan yang dapat dilakukan dengan mouse juga harus dapat dilakukan dengan keyboard.
  • Jaga agar navigasi situs web Anda tetap intuitif dan ringkas, termasuk hanya kategori yang diperlukan dalam menu.
  • Tampilkan indikator fokus yang terlihat yang menunjukkan dengan tepat elemen aktif yang dipilih pengguna saat ini.
• Jadikan formulir Anda dapat diakses:
  • Tentukan batas dan batas yang jelas.
  • Beri label pada elemen formulir Anda untuk menjelaskan data apa yang perlu dimasukkan.
  • Tandai bidang formulir wajib sebagai wajib.
  • Berikan pesan kesalahan yang membantu.
• Untuk halaman yang memiliki batas waktu, izinkan pengguna untuk menyesuaikan batas atau menonaktifkannya.
• Pastikan konten teks secara tata bahasa benar dan ditulis dalam bahasa sederhana untuk membantu keterbacaan dan pemahaman. Definisikan singkatan atau kata-kata yang tidak biasa dalam glosarium.
• Tidak ada elemen pada halaman yang berkedip lebih dari tiga kali per detik.
• Gunakan elemen HTML semantik untuk menjelaskan tujuan elemen halaman secara efektif.
• Publikasikan pernyataan aksesibilitas yang menyatakan tingkat aksesibilitas target perusahaan Anda dan upayanya untuk mencapai kepatuhan ADA.

Alat evaluasi aksesibilitas gratis yang dipilih sendiri

Berikut adalah beberapa dari banyak alat gratis yang dapat Anda gunakan untuk mengevaluasi aksesibilitas situs web Anda:

• WAVE : Serangkaian alat evaluasi yang membantu penulis membuat konten web mereka lebih mudah diakses oleh penyandang disabilitas.
• WebAccessibility.com : Dapatkan skor kepatuhan W3C keseluruhan dari 100, sehingga Anda dapat melihat seberapa sesuai dengan WCAG situs web SaaS Anda.
• SortSite : Periksa situs web Anda berdasarkan standar aksesibilitas WCAG, dan sesuai dengan Bagian 508 dari Undang-Undang Rehabilitasi. Ini memeriksa aksesibilitas, tautan rusak, kompatibilitas kode browser, pengoptimalan mesin telusur, dan masalah kegunaan lainnya.
• aCe by accessiBe : Alat aksesibilitas otomatis yang memberikan jawaban langsung dan akurat apakah situs web Anda sesuai dengan ADA & WCAG.

Apakah daftar periksa ini berguna? Ini adalah versi infografis praktis yang dapat Anda bagikan dengan kolega dan jaringan Anda.