Aksesibilitas Web

Singkatnya, aksesibilitas konten web berarti memastikan bahwa aplikasi kami dapat dipahami oleh pengguna;

• dengan disabilitas/cacat
• dengan koneksi bandwidth rendah
• yang menggunakan teknologi lama
• yang sementara tidak dapat mendengar atau berada di lingkungan yang bising
• yang merupakan pengguna baru dan
• yang memiliki kendala bahasa

Ada banyak keuntungan kompetitif mengadaptasi konten yang dapat diakses untuk bisnis. Misalnya, sebuah perusahaan dapat meningkatkan keragaman dan inklusi dengan konten yang mudah diakses dan mempertahankan pelanggan setia untuk mereknya. Selain itu, perusahaan dapat meningkatkan hasil SEO mereka dan memperluas jangkauan pasar mereka. Juga, di beberapa negara mengadopsi aksesibilitas pada aplikasi web adalah suatu keharusan, sehingga perusahaan dapat meminimalkan risiko hukum mereka dengan mengadopsi beberapa standar aksesibilitas.

Standar Aksesibilitas Web ditentukan oleh Prakarsa Aksesibilitas Web W3C dan disebut sebagai “ Pedoman Aksesibilitas Konten Web (WCAG) ”. Menurut WCAG, konten harus mengikuti prinsip POUR.

P — Dapat dipahami: Info harus terlihat (alternatif teks, alternatif media berbasis waktu)

O — Dapat Dioperasikan: Bentuk antarmuka, kontrol, dan navigasi dapat dioperasikan ("tindakan" harus berfungsi)

U — Dapat Dimengerti: UI harus dapat dimengerti, dan konten harus dapat dibaca

R — Kuat: Pengguna harus dapat mengakses konten seiring kemajuan teknologi. Semua konten harus tetap dapat diakses.

Jadi Anda mungkin bertanya "Di mana untuk memulai?" Jawaban sebenarnya untuk pertanyaan ini adalah "Desain". Desain harus memenuhi kebutuhan semua pengguna mengikuti prinsip POUR.

Ada beberapa hal yang dapat kami lakukan untuk memeriksa atau memastikan aksesibilitas kami.

1. Buka Chrome > Alat lainnya > Alat Pengembang > Daya tanggap > Jelajahi berbagai ukuran layar dan keterbacaan konten
2. Pergi kehttps://webaim.org/resources/contrastchecker/dan periksa kontras warna. Gunakan warna sederhana dengan kontras yang baik. Rasio kontras minimum harus 4,5:1 secara umum. Pastikan untuk memastikan kriteria pada [4] dan [5]
3. Unduh "alat oracle warna" dan lihat bagaimana pengguna yang berbeda dengan buta mata/warna dan gangguan melihat aplikasi Anda.
4. Pastikan untuk mengubah warna tautan saat dikunjungi atau diarahkan.
5. Periksa tipografi dan keterbacaan konten Anda. Periksa bentuk, berat, skala, gaya, jarak, dan perataan konten.
6. Cobalah untuk tetap menggunakan 1–2 font di aplikasi Anda. Memeriksahttps://fonts.google.com/untuk memilih font. Di sini, Google memiliki “rekomendasi pemasangan font family” untuk Anda. Coba gunakan font yang sudah tersedia yang tidak perlu diunduh di perangkat lain. Ini akan membantu waktu buka aplikasi.
7. Spasi memiliki 4 kategori utama antara lain spasi huruf, spasi mengikuti paragraf, spasi huruf, dan spasi kata. Ikuti dokumentasi inihttps://www.w3.org/TR/WCAG21/#text-spacinguntuk spasi.

Referensi:

[1]https://www.w3.org/WAI/standards-guidelines/#wcag

[2]https://www.w3.org/TR/WCAG21/

[3]https://webaim.org/standards/wcag/checklist

[4]https://www.w3.org/TR/WCAG21/#contrast-minimum

[5]https://www.w3.org/TR/WCAG21/#contrast-enhanced