Cara Membuat Situs Web B2B yang Dapat Diakses Tahun 2023

Saat ini tahun 2023 dan hingga saat ini para pengguna difabel kesulitan mengakses blog, website, dan berbagai materi lainnya. Ada pola pengecualian yang tidak disengaja yang jelas di mana materi pemasaran tidak melayani orang-orang dengan kemampuan berbeda.

Hanya 3% situs web yang dapat diakses oleh pengguna penyandang disabilitas. Jumlah situs web B2B yang dapat diakses bahkan lebih sedikit.

Dan, dengan situs-situs ini menampilkan alat interaktif yang unik, seperti formulir gerbang konten dan blog bentuk panjang, kebutuhan untuk mencapai aksesibilitas web sangat mendesak.

Di blog ini, kami akan membantu Anda menjembatani kesenjangan dengan menjelaskan apa itu aksesibilitas situs web, bagaimana mencapainya, dan bagaimana hal itu dapat membantu bisnis B2B memperluas jangkauan mereka ke bagian pasar yang kurang terlayani secara kritis.

Apa itu aksesibilitas web dan mengapa itu penting?

Standar aksesibilitas web dan praktik terbaik memastikan bahwa penyandang disabilitas dapat berpartisipasi dalam pengalaman berbasis web.

Itu termasuk menavigasi situs web, mengunduh ebook, menonton webinar, dan banyak lagi.

Tidak ada pendekatan satu ukuran untuk semua aksesibilitas. Ada banyak jenis kecacatan, dan masing-masing dapat memiliki dampak yang luas pada orang yang berbeda.

Namun, pemilik situs web dapat mengatasi dampak ini dengan cara standar.

Pedoman Aksesibilitas Konten Web (singkatnya WCAG) menetapkan praktik terbaik untuk memenuhi kebutuhan pengguna web yang cacat.

Mengikuti pedoman ini tidak menjamin bahwa setiap penyandang disabilitas akan dapat menggunakan situs web Anda. Namun, mereka memberikan titik awal umum yang memungkinkan pemilik situs web membuat pengalaman web mereka lebih inklusif.

WCAG juga merupakan inti dari kepatuhan terhadap American with Disabilities Act (disingkat ADA).
Dalam banyak kasus, situs web yang mematuhi WCAG juga mematuhi ADA.

Mengikuti protokol WCAG adalah cara terbaik untuk memastikan kepatuhan ADA .

Tidak setiap situs web dirancang dengan mempertimbangkan kepatuhan. Faktanya, sangat sedikit.

Itu sebabnya pemilik situs web B2B menggunakan pemeriksa kepatuhan WCAG untuk mengetahui bagaimana mereka meningkatkan aksesibilitas web. Ini akan membantu Anda mengetahui apa yang menghalangi Anda dan mencapai kepatuhan WCAG. Anda akan diberikan laporan terperinci, menyoroti area situs web Anda yang perlu disesuaikan untuk mencapai status aksesibilitas web yang optimal.

Daya beli masyarakat difabel

Sementara aksesibilitas penting dari perspektif moral, itu juga merupakan pembeda merek yang berharga.

Sekitar 15% dari populasi global mengalami beberapa bentuk kecacatan. Disabilitas tidak dibatasi oleh hambatan nasional atau budaya. Mereka memengaruhi setiap demografis, di mana pun di planet ini.

Itu berarti audiens pelanggan Anda sebagian terdiri dari penyandang disabilitas. The Kessler Foundation melaporkan bahwa penyandang disabilitas membentuk proporsi tenaga kerja Amerika yang terus meningkat. Tren dari tahun ke tahun terus meningkat dengan kenaikan poin persentase yang konsisten.

Mengabaikan orang-orang ini tidak hanya tidak adil tetapi juga tidak bijaksana.

Jika strategi pemasaran B2B Anda mengandalkan mengarahkan lalu lintas organik ke blog Anda, tidak masuk akal untuk mengecualikan sekitar 15% pelanggan potensial Anda.

Namun inilah yang dilakukan banyak bisnis.

Bagi penyandang disabilitas, aksesibilitas web sangat penting untuk pengalaman pengguna.

Banyak dari orang-orang ini menganggap situs web yang tidak sesuai tidak mungkin digunakan. Mereka bertemu dengan konten, seperti orang lain, tetapi sama sekali dikecualikan dari interaksi dengannya.

Konten itu memainkan peran penting dalam perjalanan pembeli B2B.

Ini adalah hal yang benar untuk dilakukan, dan juga merupakan strategi bisnis yang menguntungkan.

Cara membuat situs web yang dapat diakses

Dokumen resmi WCAG 2.1 berisi lebih dari 100 halaman desain web yang sangat teknis dan standar interaktivitas. Ini adalah dokumen yang mengintimidasi dengan banyak aturan, klausul, dan ketentuan.

Namun, Anda tidak perlu menjadi pakar aksesibilitas untuk membangun situs web yang dapat diakses.
Banyak dari protokol WCAG 2.1 berkisar pada serangkaian prinsip inti yang mudah dipahami.

Terapkan ini di situs web Anda dan Anda akan segera menuju kepatuhan aksesibilitas:

Izinkan untuk navigasi keyboard

Mouse adalah alat yang luar biasa, tetapi tidak mudah diakses. Hal yang sama berlaku untuk panel sentuh dan tampilan layar sentuh. Orang dengan keterbatasan keterampilan visual atau motorik tidak dapat menggunakan perangkat ini.

Sebaliknya, banyak penyandang disabilitas menggunakan keyboard khusus.
Perangkat seperti ini dapat mengubah hampir semua jenis input fisik – seperti kedutan pipi Stephen Hawking – menjadi perintah keyboard.

Demikian pula, perangkat lunak pembaca layar seperti JAWS berfungsi sepenuhnya dari perintah keyboard. Jika situs web Anda memiliki tombol atau fitur yang tidak dapat diakses dengan keyboard, pengguna pembaca layar tidak akan dapat menggunakannya.

Mengizinkan orang untuk menavigasi situs web Anda dan menggunakan konten hanya menggunakan perintah keyboard adalah salah satu cara terbaik untuk meningkatkan aksesibilitas di seluruh situs.

Ini sangat penting untuk situs web B2B yang menggunakan konten interaktif (mis. formulir dalam video) untuk menangkap dan mengonversi prospek.

Manfaatkan hierarki tajuk

Judul sangat penting bagi pengguna pembaca layar.
Solusi ini mengelompokkan konten teks berdasarkan struktur heading halaman web. Hal itu memungkinkan pengguna dengan disabilitas visual untuk menelusuri konten tanpa harus membaca setiap kata di halaman.

Mereka tidak dapat melakukan ini jika halaman web Anda gagal menggunakan judul HTML yang tepat.

Biasanya, ini terjadi ketika penulis konten membagi blok teks normal dengan teks normal tambahan. Teks pemisah mungkin diperbesar atau dicetak tebal, tetapi itu bukan judul. Pembaca layar akan membaca teks tersebut dengan cara yang sama seperti yang lainnya di halaman.

Judul adalah bagian dari struktur halaman web Anda. Mereka diberi tag dalam hierarki kepentingan tertentu, biasanya dari H1 hingga H4. Semua editor teks kaya memungkinkan penulis konten untuk memisahkan blok teks menggunakan judul ini. Pastikan situs web Anda melakukan hal yang sama.

Tambahkan teks alternatif deskriptif

File gambar menghadirkan masalah bagi pengguna pembaca layar. Saat pembaca layar menemukan file gambar, pembaca layar akan membacakan tag alt-teks gambar tersebut kepada pengguna. Jika tidak ada teks alternatif, perangkat lunak hanya akan mengucapkan "gambar" dengan lantang, lalu melanjutkan.

Menambahkan teks-alt ke gambar memungkinkan pengguna pembaca layar memahami petunjuk kontekstual yang mungkin mereka lewatkan. Jika gambar yang dipermasalahkan memiliki informasi penting di dalamnya, maka tag alt-teks adalah satu-satunya tempat pembaca layar dapat memperoleh informasi tersebut.

Ini sangat penting untuk gambar yang mendukung konten tertulis. Bagan, infografis, dan gambar penjelasan lainnya memiliki peran penting dalam pemasaran konten B2B. Tag alt-teks memastikan bahwa penyandang disabilitas visual dapat memahami gambar tersebut dengan benar.

Semakin deskriptif sebuah tag alt-text, semakin baik.
Cobalah merangkum nilai gambar dan tunjukkan mengapa itu dipilih sejak awal.

Sempurnakan seni kontras warna

Kontras warna yang buruk dapat berdampak besar pada kegunaan dan aksesibilitas. Bahkan orang dengan penglihatan sempurna tidak dapat dengan mudah membaca teks yang ditulis dengan latar belakang berwarna serupa. Teks situs web yang dapat diakses harus diatur dengan latar belakang yang menawarkan kontras warna yang layak.

Untuk sebagian besar situs web, kontras warna bukanlah masalah yang sulit dalam teks isi. Ini adalah masalah yang jauh lebih umum untuk spanduk, teks tajuk, dan judul halaman. Itu karena teks ini sering berada di atas gambar. Jika warna teks dan gambar terlalu mirip, maka tidak akan terbaca.

Beranda Rock Content adalah contoh kontras warna yang bagus di tempat kerja. Ini memiliki latar belakang suar ungu muda di belakang gambar utama dan teks hitam di atasnya. Ini sederhana, efektif, dan mudah dibaca.

Ada beberapa hal yang dapat Anda lakukan untuk memperbaiki kontras warna di situs web Anda:

Menyesuaikan warna teks agar memiliki rasio kontras 4,5:1 adalah salah satu solusi termudah.
Banyak situs web yang dapat diakses melapisi kotak transparan antara gambar latar belakang dan teks header. Lainnya hanya memindahkan teks header di sebelah gambar, bukan di atasnya.

Pastikan video dapat diakses

Pemasaran video adalah komponen inti dari setiap strategi pemasaran B2B modern. Jika Anda ingin memamerkan produk atau mendemonstrasikan teknologi baru, video adalah format paling imersif yang dapat Anda pilih.

Namun, video juga bisa menjadi salah satu format yang paling menantang bagi pengguna penyandang disabilitas. Ini menggabungkan informasi audio dan visual untuk menceritakan sebuah cerita, dan sebagian besar pemutar video memiliki antarmuka tunjuk-dan-klik.

Teks dan transkrip memainkan peran penting dalam memungkinkan penyandang disabilitas untuk menikmati konten video. Teks sangat ideal untuk orang yang sulit mendengar, sedangkan transkrip memungkinkan pengguna pembaca layar untuk mengikutinya juga.

Memastikan navigasi keyboard untuk konten video bisa jadi sulit. Tidak semua penyedia hosting video menawarkan pengalaman pengguna yang dapat diakses. Memposting transkrip memungkinkan Anda melewati persyaratan ini, tetapi tidak selalu menyampaikan makna konten video dengan sempurna dengan baik.

Hal yang sama berlaku untuk bentuk.

Jika Anda membatasi konten video dengan formulir, Anda harus memastikan formulir itu dapat diakses dan mudah diisi. Itu harus terbaca dengan jelas, dapat dinavigasi dengan keyboard, dan kompatibel dengan pembaca layar.

Optimalkan kepatuhan dengan solusi pihak ketiga yang andal

Protokol WCAG berisi sejumlah besar detail desain teknis. Ini termasuk rasio kontras warna tertentu, standar pengoperasian, kinerja tautan jangkar, dan banyak lagi.

Memverifikasi semua ini secara manual adalah proses yang sulit dan memakan waktu. Anda perlu menghafal, memeriksa, dan mereferensikan ratusan detail teknis kecil di setiap halaman situs web Anda.

Alat aksesibilitas web dapat membantu Anda mengotomatiskan tugas ini. Alat seperti accessWidget menggabungkan AI untuk secara otomatis memperbaiki kode yang tidak dapat diakses di dalam situs Anda.

Ini juga memungkinkan pengunjung situs web yang cacat untuk memodifikasi UI situs web Anda berdasarkan kebutuhan masing-masing. Ini termasuk menyesuaikan opsi warna dan tampilan, mengaktifkan navigasi keyboard, dan menyesuaikan teknologi pembaca layar.

Ketahuilah bahwa tidak semua persyaratan dalam standar WCAG dapat diotomatisasi. Beberapa persyaratan ini mengacu pada cara konten menyampaikan “makna” kepada pengguna. Hanya manusia yang dapat memverifikasi itu.

Aksesibilitas adalah komitmen berkelanjutan

Aksesibilitas lebih dari sekadar kotak kepatuhan yang harus diperiksa. Tidak ada cara untuk menjamin bahwa setiap orang, dengan segala kecacatan, akan menemukan situs web Anda dan semua kontennya dapat diakses. Bagian dari perjalanan aksesibilitas melibatkan pengambilan umpan balik dari penyandang disabilitas dan menerapkannya.

Semakin cepat Anda memulai perjalanan itu, semakin baik hasilnya. Luangkan waktu untuk mengaudit situs web Anda dan mengidentifikasi area di mana Anda dapat meningkatkan aksesibilitas konten. Jangkau komunitas disabilitas dan tunjukkan bahwa Anda berinvestasi dalam kesuksesan dan integrasinya. Itu akan merespons dengan baik.

Untuk panduan selengkapnya tentang cara memasarkan bisnis Anda ke berbagai audiens, lihat paket perencanaan pemasaran kami.