Aksesibilitas Digital Untuk Pemasar Bagian 2: Pengalaman Pengguna & Situs Web
Diterbitkan: 2022-06-16Dalam posting pertama dalam seri ini tentang Aksesibilitas Digital, kami menyentuh "apa dan mengapa" aksesibilitas untuk pemasar. Sekarang saatnya untuk "bagaimana".
Perhatikan bahwa kami sengaja membatasi rekomendasi kami pada elemen-elemen yang cukup mudah diterapkan dan relevan bagi pemasar. Seri ini sama sekali bukan daftar lengkap dari semua standar yang perlu diperhatikan oleh bisnis dalam hal konten yang dapat diakses. Jika Anda ingin mempelajari seluk beluk pedoman aksesibilitas dan kriteria WCAG, lihat program e-learning TGPi. Ini adalah opsi mandiri yang dapat Anda gunakan untuk menjaga keterampilan Anda tetap segar atau untuk mempercepat teknik aksesibilitas dan praktik terbaik.
Mari beralih ke rekomendasi!
Aksesibilitas dan Pengalaman pengguna
Pengalaman pengguna yang lancar dan mudah adalah Bintang Utara bagi setiap pemasar. Kemudahan seseorang dapat menyelesaikan tugas penting dan seberapa baik konten memenuhi harapan memiliki pengaruh yang besar terhadapnya dan akan membuat atau menghancurkan upaya pemasaran Anda.
Masuk akal, bukan? Jika Anda ingin membeli sesuatu secara online dan mengalami masalah saat mencoba memasukkan info kartu kredit Anda, atau stok barang yang Anda inginkan habis, kualitas pengalaman pengguna Anda akan menurun. Pertama, karena Anda tidak dapat mencapai apa yang ingin Anda lakukan, dan kedua, karena Anda berharap dapat mencapainya, namun itu tidak ada dalam rencana. Pukulan ganda ini hampir pasti akan memastikan Anda tidak akan kembali ke situs web tersebut!
Sebagai pemasar, Anda sangat memahami pentingnya pengalaman pengguna yang unggul. Anda bahkan mungkin mengujinya (baik untuk Anda!) atau memiliki analitik untuk mengukurnya. Langkah-langkah ini sangat penting untuk mengoptimalkan saluran pemasaran Anda. Namun, yang mungkin tidak Anda lakukan adalah menguji pengalaman pengguna untuk aksesibilitas. (Jika tidak, tidak ada penilaian! Itulah yang ingin diubah oleh rangkaian posting ini.)
Perjalanan pengguna
Perjalanan pengguna (atau dikenal sebagai alur pengguna atau jalur pengguna) adalah urutan tindakan yang dilakukan pengguna di situs Anda. Perjalanan pengguna yang penting sejalan dengan tujuan utama situs Anda, seperti menyelesaikan pembelian, mengirimkan formulir, menonton video, membaca postingan, dll.
Anda harus selalu memprioritaskan perbaikan aksesibilitas untuk perjalanan pengguna penting Anda karena beberapa alasan.
Pertama, meskipun Anda mungkin memiliki konten yang luar biasa di seluruh situs Anda, jika pengguna tidak dapat menyelesaikan tujuan utama mereka untuk mengunjungi situs web Anda, itu berarti Anda telah kehilangan pelanggan selamanya.
Kedua, banyak penyandang disabilitas sayangnya terbiasa menghadapi tantangan ketika melakukan hal-hal yang dianggap biasa oleh orang lain. Mereka umumnya mengharapkan mereka, karena begitu banyak dunia tidak diciptakan dengan cacat khusus mereka dalam pikiran.
Rata-rata, masalah aksesibilitas kecil pada konten tangensial tidak akan membuat mereka frustrasi sampai memulai tindakan hukum. Tetapi jika mereka tidak dapat melakukan satu hal yang ingin mereka capai di situs web Anda, Anda membuka diri terhadap risiko hukum yang besar, terutama jika Anda adalah merek yang berbasis di AS.
Menguji jalur pengguna penting Anda
Jadi, bagaimana Anda menguji aliran pengguna penting Anda untuk aksesibilitas? Jika Anda memilih rute manual, Anda dapat melakukan pengujian pengguna dengan penyandang disabilitas atau memeriksa kode untuk setiap langkah menggunakan alat seperti ARC Toolkit TPGI (lebih lanjut tentang ini nanti) untuk mengidentifikasi kegagalan WCAG.
Meskipun pengujian manual pada akhirnya lebih komprehensif, jika Anda ingin segera mengidentifikasi kesalahan aksesibilitas di jalur pengguna penting Anda, Anda dapat menggunakan fitur Alur Pengguna ARC Monitoring untuk secara otomatis memindai setiap komponen untuk aksesibilitas. Anda dapat menyertakan semua komponen dan interaksi dinamis dari perjalanan pengguna, dari gambar hingga kotak dialog, untuk pemindaian, dan Anda akan dapat melacak kesalahan dari waktu ke waktu untuk membantu meningkatkan proses perbaikan internal Anda.
Anda dapat memasangkan informasi yang Anda peroleh dari Pemantauan Alur Pengguna ARC dengan alat analitik Anda yang lain, seperti Corong dan Sasaran Google Analytics, untuk mengidentifikasi hambatan yang mencegah pengguna menyelesaikan tindakan yang diinginkan.
Situs web yang dapat diakses
Situs web adalah toko atau kantor digital bisnis Anda. Ini mungkin kesan pertama (atau satu-satunya) yang didapat calon pelanggan tentang perusahaan Anda, jadi Anda harus membuatnya semenarik mungkin. Mungkin Anda memiliki beberapa video, atau banyak gambar untuk memecah kemonotonan, atau halaman demi halaman konten blog yang berharga. Ini semua adalah aset hebat yang dapat dimanfaatkan pemasar untuk membujuk orang agar membeli produk mereka.
Memastikan semua konten ini dapat diakses mungkin tampak menakutkan, tetapi banyak praktik terbaik untuk konten yang dapat diakses tidak dapat dibedakan dari praktik pemasaran terbaik. Baca terus untuk mempelajari lebih lanjut:
Teks tautan deskriptif
Setiap pemasar yang baik tahu bahwa kejelasan sangat penting untuk komunikasi yang baik. Jika Anda menghiasi salinan Anda dengan kata-kata halus dan terdengar penting (tetapi pada akhirnya tidak berarti), pesan Anda akan hilang. Dengan cara yang sama, jika Anda terlalu santai dengan penjelasan Anda, pelanggan mungkin tidak memiliki informasi yang cukup untuk memahami apa yang Anda katakan kepada mereka.
Konten berkualitas tinggi adalah keseimbangan antara dua ekstrem ini, dan tidak mengherankan, tautan atau teks jangkar mengikuti aturan yang sama ini. Teks tautan terbaik memberi pengguna gambaran tentang apa yang diharapkan setelah mereka mengklik. Teks tautan deskriptif sangat penting untuk salinan ajakan bertindak Anda. Apa yang lebih mempersiapkan pengguna tentang apa yang akan mereka temui ketika mereka mengklik: “Klik di sini” atau “Unduh whitepaper kami”? Jelas, yang terakhir! (Jika Anda memilih yang pertama, Anda mungkin ingin mempertimbangkan jalur karier baru.)
Tidak perlu mengabadikan CTA Anda dengan kata-kata yang menarik (“Unduh buku putih terbesar di dunia tentang keajaiban Harry Houdini!”), tetapi menyiapkan orang untuk mengetahui apa yang mereka hadapi sangatlah penting.
Mengapa teks tautan sangat penting untuk aksesibilitas? Pertama, ini sangat membantu orang buta atau mereka yang memiliki penglihatan rendah dengan konten halaman skimming. (Ini juga berlaku untuk orang dengan penglihatan yang sempurna.) Pengguna dengan gangguan penglihatan menggunakan berbagai teknologi bantu untuk mengakses konten digital, seperti alat pembesar layar untuk orang dengan gangguan penglihatan, dan pembaca layar untuk orang buta. Sesuai namanya, pembaca layar benar-benar membaca apa yang ada di layar.
Namun, pembaca layar seperti JAWS memungkinkan pengguna untuk melompat ke seluruh layar, membaca berbagai komponen alih-alih menelusuri semua HTML dari atas ke bawah. Saat pengguna berpindah dari satu komponen ke komponen lainnya, pembaca layar hanya membaca teks jangkar untuk tautan, bukan salinan di sekitarnya. Itu berarti jika semua tautan Anda adalah salinan "klik di sini" yang sama, pengguna pembaca layar tidak akan tahu apa yang akan terjadi jika mereka mengikuti tautan itu; mereka dipaksa untuk menjelajahi konten di sekitarnya untuk memahami apa yang terkait dengan tautan itu.
Selain itu, pembaca layar memungkinkan pengguna untuk membuka "daftar tautan", yang memberi mereka akses cepat ke semua tautan di halaman web. Ini adalah skenario umum di mana teks tautan akan dibacakan dari konteks sekitarnya dan di mana hal-hal seperti "klik di sini" menjadi masalah nyata.
Teks alternatif untuk gambar
Teks alternatif, atau “teks alternatif”, menjelaskan gambar situs web Anda sehingga pengguna pembaca layar dapat memperoleh gagasan yang lebih komprehensif tentang konten setiap laman web. Jika Anda memilih gambar yang berfungsi sebagai penjelasan visual, orang yang tidak dapat melihatnya akan bingung jika Anda mengabaikan teks alternatif.
Namun, jika Anda memasukkan gambar hanya untuk alasan estetika (mungkin Anda benar-benar menyukai gambar orang yang membungkuk di depan komputer) dan Anda memiliki beberapa di antaranya, Anda mungkin tidak ingin menambahkan teks alternatif untuk semuanya. Pembaca layar akan membaca semua teks alternatif untuk setiap gambar, yang jika teks tidak secara aktif menambah nilai pengalaman, dapat mengganggu. Jika gambar dapat dianggap dekoratif dan tidak menambahkan makna/pemahaman tambahan tentang konten halaman, maka gambar tersebut harus disembunyikan ke teknologi bantu dengan memberikan atribut alt kosong.
Situs web yang terstruktur dengan baik
Gunakan tag heading Anda dengan tepat sehingga baik pembaca tunanetra maupun non-tunanetra dapat membaca sepintas halaman dan mendapatkan pemahaman dasar tentang konten dan menavigasinya dengan mudah. Ikuti praktik terbaik untuk header, seperti memulai setiap halaman dengan H1 yang menjelaskan konten halaman, lalu menggunakan H2 dan H3 sebagai sub-judul. Gunakan tag heading dengan sengaja; jangan membuat mereka terhuyung-huyung secara acak tanpa memikirkan strukturnya.
Meskipun Anda dapat membedakan judul melalui sarana visual melalui gaya CSS, pengguna pembaca layar tidak memiliki kemewahan untuk melihat perbedaan ini. Sangat penting untuk memanfaatkan tata letak halaman yang diformat dengan baik untuk memastikan pengguna dengan kesulitan penglihatan dapat dengan mudah menggunakan konten Anda.
Pertahankan paragraf padat seminimal mungkin, gunakan kalimat yang lebih pendek jika Anda bisa, dan hindari menggunakan jargon atau slang. Salinan yang lebih jelas dan ringkas akan membantu pengguna dengan gangguan kognitif untuk lebih memahami konten Anda dan juga akan membantu meminimalkan kebingungan bagi semua pembaca.
Mungkin Anda pernah mendengar bahwa rentang perhatian orang sekarang lebih pendek daripada ikan mas? Jika ragu, hancurkan; membuatnya sesederhana mungkin.
Rasio kontras warna
Semoga panduan gaya organisasi Anda tidak dirancang oleh Sinterklas, karena menggunakan warna merah dan hijau untuk warna pelengkap tidak akan membantu pengguna Anda. Kontras warna adalah elemen penting dari desain yang dapat diakses. Individu dengan penglihatan rendah mungkin sulit membedakan antara warna yang terlalu mirip, dan bagi pengguna buta warna, banyak warna yang tidak dapat dibedakan.
Anda dapat mencoba alat Penganalisis Kontras Warna gratis TGPi yang akan membantu Anda dalam menentukan rasio warna yang memadai. Gunakan pemilih warna untuk memilih warna latar depan dan latar belakang Anda, dan CCA akan memberi tahu Anda apakah kontrasnya sesuai.
Formulir yang dapat diakses
Hampir setiap situs menggunakan formulir untuk memungkinkan pengguna menyelesaikan tugas. Apakah bisnis Anda adalah e-niaga, berbasis layanan, atau bahkan hanya etalase online, kemungkinan besar akan menyertakan formulir. Namun, formulir bisa jadi rumit bagi penyandang disabilitas. Ada beberapa pertimbangan teknis (baca: yang akan diterapkan oleh pengembang) dan juga non-teknis, yang dapat dengan mudah diikuti oleh pemasar yang tidak memiliki pengetahuan pengkodean. Berikut adalah praktik terbaik non-teknis:
- Buat formulir tetap singkat dan sederhana – Dapatkan info kontak pelanggan, lalu bangun hubungan untuk melibatkan mereka dan dapatkan lebih banyak pengetahuan tambahan
- Berikan instruksi yang jelas dan label yang terlihat – Tidak ada yang menyukai formulir yang membingungkan
- Validasi Input (urungkan perubahan/konfirmasi) – Beri tahu pengguna tentang masalah apa pun dan cara memperbaikinya
- Notifikasi pengguna (berhasil/gagal) – Beri tahu pengguna jika pengiriman formulir berhasil atau tidak
- Mengadopsi multi-halaman atau progresif – Jika Anda harus memiliki formulir yang lebih rumit, bidik formulir multi-halaman atau progresif yang tidak membanjiri pengguna
- Hapus batas waktu atau berikan pilihan – Batas waktu mungkin berguna dalam memaksa pembeli untuk membeli, tetapi mereka menambah tekanan yang tidak semestinya pada individu dengan masalah kecemasan yang parah
Tepung roti
Breadcrumb adalah bentuk navigasi di situs Anda yang memungkinkan Anda melihat bagaimana halaman yang sedang Anda jelajahi cocok dengan gambar yang lebih besar. Mereka biasanya link yang mengarah ke halaman tingkat yang lebih tinggi.
Contoh jejak remah roti di situs e-niaga yang menjual pakaian mungkin
Wanita > Jaket > Wol > Mantel kacang polong.
Breadcrumb berguna untuk menemukan jalan dan memungkinkan pengguna untuk dengan mudah menavigasi kembali ke halaman tingkat yang lebih tinggi tanpa memulai perjalanan mereka dari awal.
Mereka sangat penting bagi penyandang disabilitas karena beberapa alasan. Pertama, pengguna dengan disabilitas kognitif akan selalu mendapat manfaat dari pengalaman ramah pengguna yang meminimalkan ambiguitas. Remah roti sangat penting jika situs Anda luas dan rumit. Breadcrumb juga segera mengarahkan pengguna pembaca layar, membuat navigasi situs tidak terlalu sulit.
Meskipun remah roti jelas membantu pengguna penyandang disabilitas, seperti banyak praktik terbaik aksesibilitas, remah roti meningkatkan pengalaman bagi semua pengguna.
Chatbots dan integrasi pihak ketiga
Banyak situs web memanfaatkan integrasi pihak ketiga untuk situs web mereka, seperti chatbots, pop-up modals, halaman arahan dinamis, dll. Sayangnya, perangkat lunak pihak ketiga seringkali tidak dapat diakses, situasi yang diperparah oleh ketidakmampuan perusahaan untuk memulihkannya.
Jika organisasi Anda memilih untuk mengintegrasikan aplikasi pihak ketiga ke situs web Anda, pastikan untuk mendapatkan pakar untuk mengevaluasinya sebelum Anda menambahkannya. Meskipun Anda mungkin tidak dapat mengatasi banyak kegagalan aksesibilitas, setidaknya Anda akan memahami tingkat risiko yang Anda ambil. Anda juga dapat meminta pernyataan aksesibilitas atau jaminan dari vendor Anda untuk dijadikan kontrak (meskipun Anda masih harus menguji produk untuk memverifikasi keakuratannya sebelum menerapkan).
Sebagai catatan tambahan, selalu tanyakan vendor Anda tentang aksesibilitas produk mereka. Semakin banyak pelanggan yang meminta produk yang dapat diakses, semakin besar peluang vendor akan mendengarkan dan mulai memasukkan fitur aksesibilitas ke dalam pembuatan produk mereka.