Ada banyak alasan kenapa harus meningkatkan aksesibilitas situs web, tapi yang lebih logis bagi anda mungkin yaitu duduk masalah keterlihatan konten, audiens dengan penglihatan yang normal mungkin sanggup menjangkau semua elemen di situs web, tetapi bagi mereka yang mempunyai penglihatan yang kurang mungkin akan kesulitan menjangkau elemen yang tidak mempunyai standar ukuran normal dan rasio kontras yang sangat rendah.
Maka dari itu inisiatif aksesibilitas menjadi sangat penting untuk diperhatikan dan dipertimbangkan sebaik-baiknya, dan berikut aku sajikan kiat-kiat meningkatkan aksesibilitas situs web.
01: Desain Responsive
Pastikan halaman web mempunyai lebar dan nilai pixel css yang sanggup secara otomatis menyesuaikan di banyak ukuran layar atau device (wajib).02: Font Size (Ukuran Font)
Selain desain responsive font-size atau ukuran font yaitu hal pertama yang harus dipertimbangkan untuk meningkatkan aksesibilitas website sehingga konten sanggup dijangkau dengan gampang oleh banyak orang. Ukuran minimal font di situs web seharusnya tidak kurang dari 12px dan ukuran ideal font konten sebaiknya mempunyai nilai sekitar 15 sampai 18px.Tidak tanggung-tanggung, sakin pedulinya dengan standarisasi font web, lighthouse mengkategorikan duduk masalah ini ke kategori SEO.
Praktek terbaik
- Sedikitnya 60% teks pada halaman web harus mempunyai nialai tidak kurang dari 12px, kalau lebih kecil dari 12px biasanya teks akan sulit terbaca di perangkat seluler.
- Bedakan antara teks sanggup dengan anchor teks atau teks link dengan abjad tebal.
03: Meta Viewport
Pertama, pastikan halaman mempunyai meta viewport dan memakai menggunakan tag meta viewport dengan benar.<meta content='width=device-width,initial-scale=1.0' name='viewport'/>Praktek Terbaik
Hindari pengguanaan user-scalable="no" dan maximum-scale"1.0" pada meta viewport, alasannya itu akan menonaktifkan fitur pembesaran layar, sehingga pengguna tidak sanggup mencubit layar untuk melihat konten halaman web dengan ukuran yang lebih kecil.
04: Rasio Kontras Foreground dan Background Yang Ideal
Rasio kontras foreground dan background yang tidak ideal atau kurang dari 4,5: 1 biasanya akan sering terlewatkan, hal itu dikarenakan rasio kontras warna teks (foreground) dan background yang kurang dari 4,5: 1 akan menjadi samar sehingga sulit terbaca.Masalah ini bergotong-royong sudah jelaskan pada artikel sebelumnya, wacana bagaiman mengatur rasio kontras foreground dan background dengan baik dan benar dan sesuai dengan aliran WCAG (Web Content Accessibility Guidelines). Kamu mungkin perlu melihatnya pada tautan ini; WebPage Contrast Ratio.
05: Size Tap Targets
Kiat kelima untuk meningkatkan aksesibilitas situs web yaitu dengan menetapkan ukuran ketuk elemen situs yang sanggup di klik biar sesuai dengan ukuran jari seseoarang, atau setidaknya tidak kurang area ketuk 48 x 48px.Jika elemen yang sanggup di klik tidak mempunyai nilai width dan height, kau sanggup memakai padding dan margin untuk membawa elemen ke area ketuk 48 x 48px. Lihat panduan untuk menyesuaikan size tap target. Selain meningkatkan aksesibilitas, size tap targets juga merupakan salah satu faktor SEO halaman web.
06: Teks Bantu (Atribut Title)
Gunakan atribut title atau atribut aria-label pada elemen non-teks seperti, gambar, tombol, elemen input dan sebagainya yang mendukung atribut title maupun atribut aria-label, hal itu akan sangat membantu pengguna memahami setiap elemen yang ada di situs web. |
| Menambahkan Teks Bantu Dengan Atribut Title |
07. Gunakan Teks Alternatif
Alternatif teks perlu di tambahkan pada elemen gambar biar situs sanggup divalidasi dengan baik, tidak hanya tujuan aksesibilitas, alternatif teks juga dipakai oleh mesin pencari untuk mengambil gosip halaman alasannya crawler tidak sanggup membaca gambar.Tidak hanya itu, teknologi ibarat pembaca layar juga memanfaatkan teks alternatif untuk membacanya dengan keras kepada pengguna atau saat gambar dinonaktifkan oleh pengguna teks alternatif akan ditampilkan sebagai gantinya.
08: Accesskey (Pintasan Keyboard Situs Web)
Tambahkan fitur pintasan keyboard di situs web, fitur aksesibilitas memang kurang atau tidak sering dipakai oleh pengguna, tetapi dalam keadaan tertentu mereka akan memerlukan atau memakai fitur accesskey (pintasan keyboard situs web) ini.Kamu sanggup mengambil rujukan dari artikel dalam tautan ini (accesskey) untuk membuat/menambahkan pintasan keyboard di situs web.
Sedikitnya ada 30 lebih kiat meningkatkan aksesibilitas situs web, tetapi yang paling mendominasi yaitu ibarat yang telah aku jelaskan diatas, kalau kau ingin mempelajari lebih lanjut mengenai pohon aksesibilitas, kau sanggup mempelajarinya di situs w3c atau lebih sederhananya belajarlah mengaudit situs anda dengan alat open source lighthouse, disana kau akan dikenalkan hal-hal apa saja yang mempengaruhi aksesibilitas situs web.