Dasar-dasar aksesibilitas situs web biasanya diangkat sebagai topik kepatuhan, penuh dengan akronim dan peringatan hukum, itulah sebabnya sebagian besar pemilik UKM mengabaikannya. Izinkan saya menyampaikannya secara berbeda: saat ini, beberapa persentase orang yang mengunjungi situs web Anda tidak dapat membaca teks Anda, tidak dapat melengkapi formulir, atau tidak dapat menemukan tombol Anda. Mereka tidak mengeluh. Mereka pergi begitu saja dan membeli di tempat lain. Anda tidak pernah melihatnya di laporan apa pun selain pantulan.

Aksesibilitas adalah upaya untuk tidak kehilangan pelanggan tersebut. Organisasi Kesehatan Dunia memperkirakan lebih dari satu miliar orang hidup dengan beberapa bentuk disabilitas, dan jumlah tersebut belum termasuk kelompok yang jauh lebih besar dengan gangguan penglihatan ringan, mata menua, buta warna (sekitar 8 persen pria), atau situasi sementara seperti lengan patah atau layar retak di bawah sinar matahari yang cerah.

Inilah bagian yang harus menarik perhatian pemilik bisnis: memperbaiki dasar-dasarnya tidak mahal, sebagian besar perbaikan meningkatkan pengalaman setiap pengunjung, dan beberapa di antaranya secara langsung membantu peringkat pencarian Anda. Ini bukan pekerjaan amal. Ini menyelesaikan produk Anda dengan benar.

Kasus Bisnis, Tanpa Bicara Kepatuhan

Tiga alasan mengapa hal ini termasuk dalam daftar Anda, tidak ada satupun yang melibatkan pengacara:

  • Pasar yang lebih besar dan dapat dijangkau. Setiap kesenjangan aksesibilitas adalah segmen pelanggan yang membayar yang disaring. Pelanggan yang lebih tua khususnya sering kali merupakan segmen dengan nilai tertinggi di bidang ritel, kesehatan, dan jasa, dan mereka adalah kelompok yang paling dihukum oleh teks kecil berwarna abu-abu dan formulir yang rumit.
  • SEO gratis yang lebih baik. Mesin pencari, secara fungsional, adalah pengguna tunanetra. Mereka tidak dapat melihat gambar Anda; mereka membaca teks alternatif Anda. Mereka mengandalkan struktur judul dan tautan deskriptif untuk memahami halaman Anda. Hampir semua hal yang membantu pembaca layar membantu Google mengurai dan memberi peringkat pada konten Anda. Situs yang dapat diakses juga cenderung lebih cepat dan bersih dalam markup, sehingga memberikan sinyal peringkat yang sama.
  • UX yang lebih baik untuk semua orang. Teks membantu orang menonton di kantor yang tenang. Kontras tinggi membantu semua orang berada di luar ruangan pada siang hari. Target sentuh yang besar membantu setiap jempol di setiap bus. Industri menyebutnya sebagai efek pemotongan tepi jalan: jalur landai dibuat untuk kursi roda, dan kemudian semua orang yang memiliki kereta dorong, troli, atau koper menggunakannya.

Menurut saya, ini seperti pemikiran seorang tukang kayu yang baik tentang mengampelas bagian belakang laci. Kebanyakan pelanggan tidak pernah melihat. Orang-orang yang mempelajari segalanya tentang cara Anda membangun.

Daftar Periksa Lima Item yang Mencakup Sebagian Besarnya

Standar aksesibilitas penuh (WCAG) sangat mendalam, namun untuk situs web UKM pada umumnya, lima perbaikan memberikan manfaat terbesar. Pengembang Anda dapat mengimplementasikan kelima hal tersebut dalam hitungan hari, bukan bulan.

1. Kontras yang sesuai dengan mata manusia

Teks abu-abu terang dengan latar belakang putih adalah gaya desainer yang secara diam-diam mengecualikan siapa pun yang berusia di atas 45 tahun dan semua orang di layar redup. Aturan kerjanya: teks isi normal harus memiliki rasio kontras minimal 4,5 banding 1 dengan latar belakangnya. Anda tidak perlu menghitungnya dengan tangan; pemeriksa gratis seperti alat kontras WebAIM memberi Anda kelulusan atau kegagalan dalam hitungan detik. Periksa teks isi Anda, tombol Anda, dan terutama teks yang ditempatkan di atas foto.

Saat Anda berada di sana, berhentilah menyandikan makna hanya dalam warna. "Kesalahan ditampilkan dalam warna merah" gagal untuk pengguna buta warna; tambahkan ikon atau label teks juga.

2. Alt text pada gambar yang membawa maknaSetiap gambar yang bermakna memerlukan atribut alt yang menjelaskan tampilannya: "Nasi goreng kambing dengan acar, Rp45.000" dan bukan "IMG_2043.jpg" atau tidak sama sekali. Pengguna tunanetra mendengar teks ini; Google membacanya dan mengindeks gambar Anda untuk pencarian. Gambar dekoratif murni harus memiliki atribut alt yang kosong sehingga pembaca layar melewatkannya. Ini adalah satu-satunya tumpang tindih tertinggi antara aksesibilitas dan SEO, dan di sebagian besar situs UKM, hal ini sama sekali tidak ada.

3. Navigasi keyboard yang benar-benar berfungsi

Beberapa pengguna tidak dapat menggunakan mouse: gangguan motorik, pengguna pembaca layar, pengguna listrik, dan siapa saja yang trackpadnya mati. Uji situs Anda sekarang: jauhkan mouse dan coba buka formulir kontak Anda hanya dengan menggunakan Tab, Enter, dan tombol panah. Anda harus dapat melihat elemen mana yang difokuskan pada setiap langkah (garis besar yang terlihat), menjangkau setiap item menu dan tombol, dan tidak pernah terjebak di dalam popup yang tidak dapat ditutup dengan Escape. Jika navigasi Anda hanya terbuka saat mengarahkan kursor, atau dropdown khusus Anda mengabaikan keyboard, Anda telah menemukan bug nyata yang juga memengaruhi perilaku seluler.

4. Bentuk-bentuk yang mengidentifikasi diri

Formulir adalah kegagalan aksesibilitas yang menyebabkan Anda mengeluarkan uang secara langsung, karena formulir adalah tempat terjadinya pesanan dan prospek.

  • Setiap bidang memerlukan label nyata, bukan hanya teks placeholder abu-abu yang hilang saat seseorang mengetik. Pengguna dengan kesulitan memori atau perhatian, yang mana kita semua sedang stres, kehilangan jejak di bidang mana.
  • Pesan kesalahan harus menyatakan apa yang salah dan di mana: "Nomor telepon hilang" di sebelah kolom, bukan batas merah dan diam.
  • Tandai bidang yang wajib diisi secara eksplisit, dan jangan hapus seluruh formulir ketika satu bidang gagal. Ada beberapa hal yang membuat pelanggan meninggalkan pembelian lebih cepat.

Susun halaman Anda dengan tag judul yang tepat secara berurutan (satu H1, lalu H2, lalu H3), daripada menata teks biasa agar terlihat besar. Pengguna pembaca layar bernavigasi dengan berpindah antar judul, dan mesin telusur menggunakan struktur yang sama untuk memahami hierarki konten Anda. Demikian pula, teks tautan harus menyatakan ke mana arahnya: "unduh daftar harga" daripada "klik di sini". Halaman yang penuh dengan link "klik di sini" tidak ada artinya jika dibaca di luar konteks, dan membuang teks jangkar yang seharusnya digunakan oleh mesin pencari.

Cara Menguji Tanpa Membeli Apa Pun

Anda dapat mengaudit dasar-dasarnya dalam satu sore tanpa biaya:

  1. Jalankan Lighthouse (yang terpasang pada alat pengembang Chrome) dan baca skor aksesibilitas serta temuan spesifiknya.
  2. Jalankan ekstensi browser WAVE untuk menampilkan label yang hilang dan kegagalan kontras secara visual.
  3. Lakukan pengujian hanya keyboard yang dijelaskan di atas.
  4. Lihat situs Anda dengan browser yang diperbesar hingga 200 persen; jika tata letaknya runtuh atau teksnya tumpang tindih, pengguna dengan gangguan penglihatan akan mengalami hal tersebut setiap hari.
  5. Serahkan ponsel Anda kepada orang tertua di keluarga Anda dan minta mereka menyelesaikan satu pembelian atau pertanyaan. Tonton tanpa suara. Tes ini merendahkan dan bernilai lebih dari alat apa pun.Lipat apa yang Anda temukan ke dalam backlog pengembangan normal Anda. Jika Anda membuat situs web baru, masukkan lima item ini ke dalam persyaratan sekarang; retrofit selalu lebih mahal daripada membangunnya dengan benar, sebuah pola yang berlaku di semua keputusan teknologi, seperti yang saya jelaskan dalam Mengapa Bisnis Anda Membutuhkan Strategi Teknologi, Bukan Hanya Situs Web. Dan karena struktur yang dapat diakses dan perayap Google memberikan imbalan atas pekerjaan yang sama, hal ini secara alami dipadukan dengan perbaikan visibilitas lokal di [Profil Bisnis Google: Pelanggan Gratis yang Anda Abaikan] (/blog/google-business-profile-local-customers).

Kesimpulan Praktis

Dasar-dasar aksesibilitas situs web adalah salah satu investasi langka yang tidak memiliki kerugian nyata: pasar yang dapat dijangkau lebih luas, peringkat pencarian yang lebih baik, kegunaan yang lebih baik untuk setiap pelanggan, dan biaya pembangunan yang diukur dalam hitungan hari pengembang. Anda tidak memerlukan sertifikasi atau konsultan untuk memulai. Anda memerlukan kontras yang lolos, teks alternatif yang menjelaskan, jalur keyboard yang berfungsi, formulir yang mengidentifikasi dirinya sendiri, dan judul yang memiliki arti.

Jalankan audit Lighthouse di situs Anda minggu ini. Berapa pun skor yang muncul, Anda akan mengetahui lebih banyak tentang pengerjaan situs web Anda dalam sepuluh menit dibandingkan yang dipelajari sebagian besar pemilik dalam satu tahun, dan setiap poin yang Anda tingkatkan adalah pelanggan yang tidak lagi Anda tolak secara diam-diam.