Dalam era digital saat ini, keberadaan sebuah situs web bukan hanya sekadar kebutuhan bisnis, tetapi juga merupakan cerminan dari inklusivitas dan aksesibilitas. Aksesibilitas web mengacu pada praktek desain dan pengembangan situs web yang memastikan semua pengguna, tanpa memandang kemampuan fisik atau situasional mereka, dapat mengakses dan berinteraksi dengan konten secara efektif. Hal ini mencakup pengguna dengan berbagai disabilitas, mulai dari gangguan penglihatan hingga gangguan pendengaran, serta mereka yang menghadapi tantangan lingkungan seperti keterbatasan bandwidth atau perangkat yang tidak mendukung.
Dengan meningkatnya jumlah orang yang mengakses web melalui berbagai perangkat dan dalam berbagai situasi, penting untuk memastikan bahwa situs web Anda dapat diakses oleh semua orang. Aksesibilitas bukan hanya tentang mematuhi peraturan, tetapi juga tentang memberikan pengalaman yang setara dan menyeluruh kepada semua pengguna. Dengan memahami dan menerapkan prinsip-prinsip aksesibilitas web, Anda tidak hanya memenuhi kebutuhan hukum, tetapi juga memperluas jangkauan audiens Anda, meningkatkan kepuasan pengguna, dan memperkuat reputasi merek Anda sebagai pelopor dalam inklusivitas digital.
Daftar isi:
2. 10 Cara Membuat Situs Web Anda Dapat Diakses
Aksesibilitas web adalah praktik inklusif yang memastikan tidak ada hambatan yang mencegah interaksi dengan atau akses ke situs web di World Wide Web oleh orang-orang dengan disabilitas fisik, disabilitas situasional, dan keterbatasan sosial ekonomi terkait bandwidth dan kecepatan. Aksesibilitas web penting karena memastikan bahwa setiap orang memiliki akses yang setara terhadap informasi dan layanan yang tersedia secara online. Orang dengan disabilitas mungkin menggunakan berbagai teknologi bantu untuk mengakses web, seperti pembaca layar, pembesar teks, dan perangkat lunak pengenalan suara. Aksesibilitas web juga bermanfaat bagi orang dengan disabilitas situasional, seperti orang yang menggunakan perangkat seluler di lingkungan yang bising atau orang yang mengalami cedera sementara, serta orang yang memiliki bandwidth terbatas atau menggunakan koneksi internet yang lambat.
Membangun situs web dari awal adalah tugas besar, jadi membuatnya dapat diakses mungkin tampak menakutkan. Jangan khawatir—dengan tips praktis ini, Anda akan dengan mudah melalui prosesnya. Hanya perlu diingat bahwa tips ini menawarkan wawasan yang bagus, tetapi tidak mencakup segala hal tentang aksesibilitas web. Jadi, jika Anda ingin mengatasi masalah besar secara langsung, ada baiknya mempertimbangkan untuk menyewa ahli aksesibilitas untuk memeriksa situs Anda secara menyeluruh. Dengan menggabungkan sumber daya ini dan mencari panduan profesional, Anda akan menciptakan situs web yang inklusif, ramah pengguna, dan siap menyambut semua orang.
01. Lewati Plugin Aksesibilitas
Plugin aksesibilitas mungkin terlihat seperti solusi cepat, tetapi sekitar 13% dari situs web yang digugat pada tahun 2021 memiliki overlay aksesibilitas pihak ketiga. Selain menyebabkan masalah kinerja dan risiko keamanan, plugin ini bahkan dapat menimbulkan masalah aksesibilitas baru.
Cara untuk membuat situs dapat diakses adalah dengan membangunnya dengan cara yang benar. Alih-alih menjadikan aksesibilitas sebagai renungan, penting untuk memastikan bahwa situs Anda dibangun dengan mempertimbangkan aksesibilitas sejak awal.
02. Pilih Font yang Mudah Dibaca
Karena opsi font tidak terbatas, menggoda untuk menampilkan tipografi rumit di situs web Anda. Sayangnya, semakin dekoratif tipe hurufnya, semakin sulit dibaca oleh pelanggan Anda. Orang dengan disleksia, gangguan belajar, afasia, dan penglihatan yang buruk akan lebih mudah membaca font yang jelas.
Menampilkan lebih dari dua font di halaman akan membuat halaman Anda terlihat kacau dan memperlambat kecepatan membaca. Meskipun Anda dapat mengunggah font eksternal, font standar adalah yang paling mudah dibaca. Tahoma, Verdana, dan Museo adalah pilihan yang sangat andal.
Orang dengan gangguan penglihatan mungkin juga kesulitan membaca huruf miring, huruf kapital, dan metode gaya lainnya. Alih-alih terlalu mengandalkan gaya font ini, gunakan ukuran yang lebih besar atau font kedua untuk memformat judul.
03. Pertimbangkan Bagaimana Kompleksitas Desain Dapat Mempengaruhi Pengalaman Pengguna
Saat internet dimulai, hanya ada teks dan tautan. Itu 100% dapat diakses. Semakin banyak kompleksitas yang ditambahkan, semakin banyak masalah aksesibilitas yang tercipta.
Misalnya, sementara grafik, fitur, dan efek yang mencolok itu menyenangkan, mereka memperkenalkan masalah aksesibilitas baru. Ini tidak berarti Anda harus kembali ke fitur situs web dasar; ini hanya mengharuskan Anda untuk mendesain dengan bijak sejak awal.
Tanyakan pada diri Anda apakah fitur tertentu dapat menghalangi kemampuan pelanggan untuk menavigasi situs Anda. Jika Anda pikir mungkin, pertimbangkan untuk menghapusnya atau menyesuaikannya untuk mengakomodasi kebutuhan yang berbeda. Misalnya, elemen yang bergerak berpotensi menyebabkan mabuk perjalanan, memicu kejang epilepsi, atau mengalihkan perhatian orang dengan ADHD.
Jika Anda bertekad untuk menyertakan konten dinamis, sangat penting untuk menyediakan opsi untuk kontrol pengguna. Ini dapat dicapai dengan menambahkan tombol jeda atau mengatur konten untuk berhenti secara otomatis setelah beberapa detik. Memberikan pengguna kemampuan untuk menjeda, menghentikan, atau menyesuaikan waktu konten dinamis memungkinkan mereka untuk terlibat dengan situs web Anda dengan kecepatan mereka sendiri dan memastikan pengalaman yang lebih inklusif bagi semua orang.
04. Pilih Skema Warna Kontras Tinggi
Menciptakan skema warna yang menarik adalah dasar dari branding, tetapi bagaimana Anda memasukkannya ke dalam situs web dapat memengaruhi kegunaannya. Pelanggan dengan penglihatan terbatas dan buta warna sering kesulitan membaca teks yang warnanya terlalu mirip dengan latar belakangnya. Dinamika kontras tinggi adalah kuncinya. Karena teks kontras rendah adalah masalah aksesibilitas yang paling umum, ini adalah hal yang penting untuk diperhatikan.
WCAG mengharuskan rasio kontras setidaknya 4,5:1 untuk teks, dengan beberapa pengecualian. Karena font yang lebih besar dan lebih tebal lebih mudah dibaca, ambang rasio untuk teks 18 poin dan teks tebal 14 poin lebih rendah yaitu 3:1. Teks dekoratif dan logo dikecualikan.
Sebaiknya rencanakan skema warna Anda terlebih dahulu, misalnya, Anda dapat menggunakan pemeriksa kontras untuk menilai skema warna Anda. Sayangnya, kontras yang terlalu tajam dapat menimbulkan masalah bagi penderita disleksia; teks hitam murni pada latar belakang putih murni dapat menciptakan efek berputar dan mengabur. Untuk menjaga kesederhanaan, pilih latar belakang putih pudar dengan teks abu-abu tua, dan terapkan warna merek Anda di tempat lain.
05. Tambahkan Teks Alternatif pada Setiap Gambar
Karena pembaca layar tidak dapat menafsirkan visual, pelanggan yang buta atau memiliki penglihatan terbatas memerlukan deskripsi berbasis teks agar mereka tidak kehilangan konteks apa pun. Ketika Anda menambahkan teks alternatif (sering disebut sebagai teks alt) ke pengaturan gambar, teks tersebut akan dimasukkan ke dalam kode halaman web sehingga pembaca layar dapat menjelaskan gambar kepada pemirsa. Sebagai bonus, algoritma Google mempertimbangkan teks tersebut saat menentukan peringkat situs di halaman hasil pencarian yang relevan.
Menulis teks alt bukanlah proses yang sederhana. Agar bermanfaat bagi pengguna, teks alt harus akurat, ringkas, dan relevan dengan konteks penempatan gambar. Teks alt sebaiknya tidak lebih dari 125 karakter atau menyertakan frasa “gambar,” tetapi harus memiliki tanda baca yang benar dan menyertakan teks relevan yang muncul di gambar. Gambar yang hanya menawarkan nilai estetika tidak memerlukan teks alt, sehingga tandai gambar sebagai dekoratif.
06. Sediakan Transkrip atau Teks Tertutup untuk File dengan Audio
Untuk memastikan bahwa pelanggan dengan gangguan pendengaran tidak kehilangan informasi yang relevan, sediakan transkrip untuk file audio dan teks tertutup untuk video. Perlu dicatat bahwa banyak konsumen saat ini sebenarnya lebih suka menonton konten dengan teks tertutup, dan beberapa bahkan mematikan suara saat melihat audio atau video saat bepergian. Faktanya, penelitian menemukan bahwa teks tertutup meningkatkan jumlah penayangan, waktu tonton, dan pemahaman. Seperti halnya teks alt, transkrip dan teks tertutup juga dapat mendukung upaya SEO Anda.
07. Buat Situs Web Anda Dapat Diakses dengan Keyboard
Karena arthritis saya membuat scrolling menjadi sulit, saya lebih suka menggunakan kontrol keyboard untuk menavigasi web. Beberapa orang dengan disabilitas hanya dapat menggunakan navigasi keyboard, sehingga semua elemen situs web harus dapat diakses melalui keyboard. Untuk tujuan ini, Anda ingin memasukkan indikator visual yang menyoroti posisi pengguna keyboard di halaman web.
08. Pilih Konten di Halaman Daripada PDF
Meskipun mungkin menggoda untuk mengunggah PDF yang dirancang dengan indah ke situs web Anda, penting untuk mempertimbangkan implikasi aksesibilitas dan SEO dari tindakan tersebut. Menelusuri PDF di perangkat dapat menjadi hal yang canggung bagi pengguna biasa dan menimbulkan tantangan bagi orang-orang dengan gangguan penglihatan yang mengandalkan pembaca layar.
Untuk memastikan inklusivitas dan meningkatkan pengalaman pengguna, buat konten digital yang dapat diakses alih-alih hanya mengandalkan PDF. Sebagai alternatif, Anda dapat menyediakan tautan ke versi PDF dari konten Anda bagi mereka yang lebih suka membaca atau mencetak informasi, memastikan Anda memenuhi berbagai preferensi.
09. Jaga Teks Tetap Pendek dan Sederhana
Menggambarkan penawaran unik perusahaan Anda dengan bahasa yang rumit akan menutup akses bagi orang-orang dengan gangguan belajar. Selain itu, orang sering kali hanya membaca sekilas informasi online, sehingga menggunakan bahasa yang sederhana dapat mencegah kesalahpahaman.
Gunakan kata-kata yang mudah, kalimat sederhana, dan paragraf pendek sehingga orang dengan tingkat membaca sekolah menengah (sesuai dengan pedoman WCAG) dapat memahami informasi tersebut. Perangkat lunak pengeditan seperti Hemingway Editor atau ProWritingAid dapat membantu menentukan tingkat keterbacaan tulisan Anda dan menyarankan perubahan untuk menyederhanakannya.
10. Atur Situs Anda Agar Mudah Dinavigasi
Memberikan struktur yang jelas untuk setiap halaman memungkinkan orang yang menggunakan navigasi keyboard atau pembaca layar untuk memindai konten Anda. Melakukannya juga membuat membaca lebih nyaman bagi orang-orang dengan disleksia, ADD, atau gangguan memori. Untuk membuat situs web yang terstruktur dengan baik, konten Anda membutuhkan bagian yang berbeda, judul yang deskriptif, dan pengkodean yang efektif.
Saat Anda menulis sebuah heading, format teks dengan tema yang sesuai dengan relevansinya di halaman tersebut. Judul harus cukup ringkas agar dapat dipindai, tetapi cukup deskriptif sehingga pelanggan dapat mengandalkannya untuk menemukan informasi.
