Apakah situs web Anda dapat diakses?

Semakin banyak bisnis yang beralih ke online, itu bagus, tetapi tidak jika seluruh bagian populasi tidak dapat menggunakan situs web. Masalah aksesibilitas umum terjadi di banyak situs, menyebabkan banyak masalah yang dapat diselesaikan dengan relatif mudah - itu tidak berarti Anda memerlukan situs web yang sama sekali baru!

Berdasarkan laporan WHO 2011 tentang disabilitas, lebih dari 1 miliar orang di dunia memiliki beberapa bentuk disabilitas. Ini sesuai dengan sekitar 15% dari populasi dunia. Jumlah ini hanya akan bertambah seiring dengan bertambahnya populasi, dan orang tua memiliki risiko/proporsi disabilitas yang lebih tinggi.

Pada tahun 2018, pemerintah Inggris membuat undang-undang untuk pemerintah pusat, organisasi pemerintah daerah, beberapa badan amal, dan situs web organisasi non-pemerintah lainnya untuk memenuhi pedoman WCAG2.1.

Kemudian pada tahun 2019, undang-undang aksesibilitas Eropa dibentuk. Bahkan sejauh tahun 1990 Undang-Undang Disabilitas Amerika mencakup masalah-masalah yang sekarang sedang dibahas di situs web. Dalam beberapa situasi, perusahaan sekarang dibawa ke pengadilan dan kalah, ambil contoh kasus Domino's Pizza.

Orang tidak akan ragu untuk memastikan bahwa suatu tempat dapat diakses secara fisik, jadi mengapa membuat situs web Anda dapat diakses berbeda? Ini tidak pernah lebih penting daripada sekarang karena lebih banyak bisnis yang beralih secara online.

Tujuan

Tujuan kami adalah membuat situs web inklusif karena aksesibilitas adalah hak asasi manusia.

Situs ini tidak hanya akan lebih mudah digunakan untuk semua orang, tetapi kami berpotensi membawa lebih banyak prospek kepada klien. Click away pound menyatakan "Gagal menyediakan situs web konsumen yang dapat diakses merugikan pengecer Inggris £ 11,75 miliar pada tahun 2016."

Masalah

Masalah utamanya adalah bagaimana kita berpikir tentang inklusivitas atau bahkan disabilitas itu sendiri. Saya penggemar berat Adrian Roselli dan caranya mendekati ini melalui metode aksesibilitas yang egois. Berikut adalah video Adrian dari konferensi baru-baru ini, saya sangat menyarankan untuk melihatnya dari perspektif yang berbeda tentang disabilitas dan masalah umum yang mungkin dihadapi orang.

Pada dasarnya, ia menghubungkan masalah aksesibilitas situs web yang umum dengan situasi sehari-hari yang dialami semua orang, bukan hanya penyandang disabilitas. Misalnya masalah kontras dia hanya menjelaskan bahwa ini juga masalah jika orang tersebut menggunakan laptop di bawah sinar matahari atau area yang terang benderang. Jadi kami dapat melihat bahwa adalah kepentingan terbaik kami untuk memastikan situs kami juga dapat diakses oleh populasi yang lebih luas.

Seperti yang Anda lihat dari video dan statistiknya, orang-orang dengan masalah aksesibilitas jauh lebih umum daripada yang Anda kira.

Masalah aksesibilitas umum

Jadi kami telah memutuskan bahwa membuat situs kami inklusif adalah manfaat bagi semua orang (saya harap!). Hal pertama yang muncul di benak orang ketika menangani aksesibilitas adalah bahwa kita perlu membangun fitur atau fungsionalitas tambahan yang akan memakan biaya dan waktu untuk diterapkan, atau itu akan membatasi desain.

Pada kenyataannya ini tidak terjadi dan banyak dari mereka dapat diselesaikan dengan sangat sederhana dengan sedikit pemikiran, perencanaan dan menggunakan metode aksesibilitas egois Adrian Roselli.

Warna dan kontras

Sekitar 8% (1 dari 10) dari SEMUA pria di dunia buta warna, jadi mari pilih palet warna yang memenuhi persyaratan ini.
Jika situs web klien menggunakan warna yang tidak dapat diakses, tanyakan kepada mereka apakah mereka senang karena berpotensi kehilangan 8% dari prospek mereka. Saya yakin mereka mungkin memikirkan kembali warnanya jika Anda memberi tahu mereka ini.

Saat memilih warna-warna ini, pastikan juga bahwa Anda menggunakan rasio kontras yang baik di antara mereka, Anda tidak ingin tautan Anda disembunyikan jika berada di latar belakang kontras rendah (laptop di bawah sinar matahari…). Ini adalah pekerjaan 5 menit menggunakan sesuatu seperti alat pemeriksa kontras online atau jika Anda ingin spesifik untuk tautan Anda, gunakan alat pemeriksa tautan.

Ukuran dan pilihan font

Apakah situs web Anda berisi informasi yang Anda ingin orang-orang pahami? Saya akan curiga ya. Jadi mari kita pastikan salah satu bahan terpenting dari situs Anda dapat dicerna oleh mata sebelum mereka menekan tombol kembali itu.

Hampir 1 dari 10 orang yang akan melihat situs Anda akan memiliki semacam masalah dengan mata mereka (tidak termasuk buta warna). Pada usia 40 tahun, hanya separuh cahaya yang masuk ke retina seperti yang terjadi pada usia 20 tahun. Untuk orang di atas 60 tahun, ini turun menjadi 20%.

Ukuran font badan browser default biasanya 16px atau 1rem, ini juga merupakan ukuran font 'minimum' yang disarankan, tapi jujur ​​saja ini terlalu kecil! Argumen yang paling umum di sini adalah bahwa "Orang hanya dapat memperbesar jika mereka ingin teks lebih besar". Masalah dengan ini adalah bahwa kebanyakan orang yang terpengaruh oleh masalah ini mungkin tidak tahu cara memperbesar, jadi kami tidak boleh menganggap ini sebagai opsi bagi mereka.

Tidak ada ukuran atau font 'terbaik', tetapi saya akan merekomendasikan ukuran font body lebih dekat ke 18px atau 1,125rem, dengan tinggi garis spasi yang layak, font yang memenuhi syarat dan perpustakaan font minimal disertakan. Webaim memiliki artikel bagus tentang font, dan menyatakan “Setiap kali Anda menemukan jenis huruf, font, atau variasi font baru, pikiran Anda harus membangun peta atau model karakter dan pola untuk kemudian lebih cepat mengurai kata dan memproses makna. Ini membutuhkan upaya kognitif dan waktu. Jika jenis huruf sudah familiar, overhead ini berkurang.”

Gill Andrews memiliki posting yang lebih komprehensif tentang kesalahan tipografi yang layak dibaca jika Anda berurusan dengan banyak tipografi.

Gambar-gambar

Tidak terlalu banyak untuk disebutkan di sini tetapi untuk memastikan Anda memiliki tag alt pada gambar Anda. Sebagian besar CMS sekarang memiliki opsi untuk menambahkan tag alt gambar saat Anda mengunggahnya. Pastikan Anda benar-benar mendeskripsikan gambar jika itu penting. Artikel hubspot ini memiliki tulisan yang bagus tentang penggunaan tag alt yang baik dan buruk.

Jika gambar tidak penting dan hanya dekoratif, seperti pola latar belakang, biarkan tag kosong. Pastikan saja itu benar-benar kosong di markup seperti: alt="” atau akan ditandai sebagai tag alt yang hilang.

Satu hal penting yang perlu diingat adalah Anda tidak boleh menggunakan gambar untuk teks penting (seperti judul) karena gambar tersebut tidak dapat dibaca oleh pembaca layar dan Google. Berhati-hatilah menempatkan teks di atas gambar juga karena dapat menjadi tidak terbaca karena latar belakang.

Struktur

Satu hal yang biasanya diabaikan bahkan jika Anda telah mengikuti dasar-dasar di atas, adalah struktur semantik halaman yang sebenarnya. Banyak orang terjebak dalam ukuran font atau heading dan menggunakannya untuk tujuan penataan daripada mendefinisikan hierarki informasi halaman.

Ini tidak hanya akan memengaruhi cara konten Anda ditafsirkan oleh Google, tetapi orang yang menggunakan pembaca layar akan menggunakan markup struktural Anda sebagai navigasi. Yoast memiliki artikel bagus tentang heading yang harus Anda luangkan sedikit waktu untuk membacanya. Beberapa saran sederhana adalah memiliki satu elemen <h1> di halaman Anda dan kemudian <h2> untuk bagian penting berikutnya. Jika Anda memiliki anak dari sub bagian maka gunakan <h3> dan seterusnya:

<h1>Biasanya judul halaman Anda</h1>

<p>Beberapa teks paragraf di sini</p>

<h2>Bagian penting berikutnya dari halaman Anda</h2>

<p>Beberapa teks paragraf di sini</p>

<h3>Sesuatu yang tidak begitu penting tetapi berhubungan dengan h2 di atas</h3>

<p>Beberapa teks paragraf di sini</p>

<h2>Bagian penting berikutnya dari halaman Anda</h2>

Pembulatan

Saya harap Anda dapat melihat bahwa dengan mengikuti aturan sederhana di atas, Anda akan membuat situs Anda dapat diakses dan pengalaman yang lebih menyenangkan bagi semua orang yang mengunjunginya. Tidak hanya itu, Anda juga meningkatkan reputasi Anda di Google, jadi ini adalah solusi yang saling menguntungkan untuk semua orang.

Jika Anda tidak yakin apakah situs Anda sesuai dengan standar ini atau hanya ingin bantuan untuk meningkatkan aksesibilitas situs Anda, hubungi kami.