Melampaui Teks Alt: Fitur Aksesibilitas Terabaikan yang Harus Anda Gunakan

Saat membuat desain yang mudah diakses, kami selalu memikirkan dasar-dasarnya, seperti menambahkan teks alternatif, terjemahan, dan palet warna. Namun aksesibilitas lebih dari sekadar fitur dasar tersebut.

Membuat situs web yang dapat diakses melibatkan penggunaan navigasi yang jelas, multimedia yang mudah dipahami, kontras warna, dan elemen yang dapat digunakan oleh semua orang. Sayangnya, sebagian besar fitur aksesibilitas ini sering diabaikan.

Dalam postingan ini, kami ingin menyoroti pentingnya fitur aksesibilitas yang kurang dimanfaatkan ini dan menjelaskan mengapa Anda harus menerapkannya di situs web dan proyek desain UX Anda untuk menciptakan pengalaman yang lebih mudah diakses.

Mari selami.

Mengapa Aksesibilitas Penting

Aksesibilitas bukan hanya tentang memastikan situs web Anda mematuhi undang-undang ADA atau WCAG, tetapi tentang menciptakan desain yang inklusif dan dapat digunakan oleh semua orang.

Menurut WHO, 1,3 miliar orang di dunia mengalami disabilitas. Itu berarti 1 dari 6 orang di seluruh dunia.

Disabilitas adalah bagian dari pengalaman manusia namun penting untuk diingat bahwa penyandang disabilitas memiliki pengalaman yang jauh lebih sulit mengakses hal-hal yang telah dirancang tanpa mempertimbangkan keadaan mereka.

Tanggung jawab kami adalah merancang segala sesuatunya agar dapat diakses oleh semua orang. Misalnya, memiliki akses ke Internet adalah a hak asasi manusia yang mendasar dan desainer bertanggung jawab untuk memastikan bahwa situs web melayani semua khalayak, apa pun kondisinya.

Perlu juga dicatat bahwa dengan memastikan aksesibilitas, Anda tidak hanya akan melindungi bisnis Anda dari tuntutan hukum aksesibilitas, tetapi juga akan membuka situs web untuk khalayak yang lebih luas dan meningkatkan hasil bisnis Anda.

Berikut ini adalah beberapa fitur aksesibilitas yang paling penting, namun diabaikan, yang harus Anda tambahkan ke desain Anda.

1. Menggunakan Indikator Fokus Navigasi

Indikator fokus adalah elemen penting yang menyoroti elemen tertentu dari sebuah desain, yang juga membuat elemen tersebut lebih terlihat dan jelas.

(Sumber: menggiring bola)

Contoh indikator fokus yang baik dalam desain web adalah batas garis yang digunakan pada tombol. Batas-batas ini sering kali dianimasikan untuk menarik lebih banyak perhatian dan memudahkan identifikasi bagi penyandang disabilitas seperti buta warna juga.

Ada beberapa jenis indikator fokus yang dapat Anda gunakan dalam desain Anda, termasuk garis bawah, mengubah latar belakang, penunjuk kursor interaktif, efek cahaya, efek hover, dan mengubah ukuran elemen.

2. Membuka Fungsionalitas dengan Peran ARIA

Peran ARIA (Aplikasi Internet Kaya yang Dapat Diakses) adalah elemen penting lainnya dalam menciptakan antarmuka pengguna yang dapat diakses. Seperti yang didefinisikan oleh WAI-ARIAini membantu mengoptimalkan aksesibilitas desain, terutama untuk pembaca layar.

Tujuan utama peran ARIA adalah untuk mendefinisikan dan mengidentifikasi dengan jelas bagian-bagian penting dari situs web atau desain UI. Misalnya menambahkan tag seperti peran=”navigasi” Dan peran=”tombol” membantu perangkat lunak pembaca layar mengidentifikasi bagian desain dengan jelas, terutama saat menavigasi bagian kompleks seperti menu tarik-turun dan bagian bertab.

3. Membuat Formulir yang Ramah Pengguna

Hampir setiap situs web memiliki semacam formulir saat ini. Baik untuk mendaftar akun atau bahkan menghubungi tim dukungan, Anda sering kali harus mengisi formulir karena berbagai alasan.

(Sumber: Gerakan UX)

Meskipun estetika bentuk-bentuk ini penting, Anda juga harus mencari cara untuk meningkatkan aksesibilitas desain. Menambahkan fitur seperti deskripsi yang terlihat jelas di kolom formulir adalah awal yang baik. Anda juga dapat menggunakan peran ARIA untuk menentukan bidang formulir bagi pembaca layar, seperti menentukan bidang mana yang diperlukan.

4. Menggunakan Teks & Transkrip

Teks alternatif pada gambar memang penting, namun jangan lupa sertakan caption untuk mendeskripsikan foto dan gambar tersebut dengan jelas kepada penyandang disabilitas penglihatan.

Ini juga berlaku untuk konten berbasis video di situs Anda. Pastikan untuk menyertakan transkripsi dan teks yang jelas agar video dapat diakses oleh orang-orang dengan gangguan pendengaran.

Meskipun sebagian besar platform video saat ini menawarkan teks yang dibuat secara otomatis, teks tersebut seringkali tidak sebaik teks yang ditulis oleh manusia yang menyertakan deskripsi suara non-verbal dan identifikasi orang dalam video.

5. Meningkatkan Visibilitas dengan Kontras Warna

Dalam hal meningkatkan keterbacaan dan visibilitas, kontras warna memainkan peran utama dalam setiap desain. Dengan keseimbangan kontras warna yang tepat, Anda dapat membuat teks yang terlihat jelas dan memastikan konten dapat diakses oleh orang-orang dengan gangguan penglihatan seperti buta warna.

(Sumber: grafis Gratzer)

Anda bisa memulainya dengan mengikuti Pedoman kontras WCAG dan menggunakan alat seperti Pemeriksa Kontras Warna WCAG untuk membuat palet warna yang lebih baik dan lebih mudah diakses untuk proyek desain Anda.

6. Memperlancar Navigasi dengan Skip Link

Lewati tautan adalah fitur yang kurang dimanfaatkan dalam desain web yang penting untuk memastikan navigasi situs web dioptimalkan bagi pengguna yang mengandalkan keyboard dan perangkat lunak pembaca layar.

Lewati tautan memungkinkan pengguna untuk melewati bagian halaman web yang tidak perlu dan langsung melompat ke bagian konten utama desain. Tautan ini juga digunakan untuk memperlancar garis besar konten, terutama pada halaman yang teksnya banyak paragraf.

Menerapkan Aksesibilitas: Alat dan Teknik

Setiap kali Anda menerapkan fitur aksesibilitas, sebaiknya terapkan praktik dan alur kerja yang baik serta jalankan pengujian untuk memastikan fitur tersebut berfungsi sebagaimana mestinya.

Gunakan Alat yang Tepat

Ada berbagai alat yang dapat Anda gunakan untuk menguji fitur aksesibilitas desain Anda. Pemeriksa Aksesibilitas Dan AAArdvark adalah dua alat paling tepercaya untuk menjalankan audit dan pengujian aksesibilitas. Atau Anda dapat memeriksa seluruh daftar alat yang direkomendasikan oleh W3.org demikian juga.

Buat Alur Kerja Aksesibilitas

Jangan menganggap aksesibilitas sebagai serangkaian fitur yang ditambahkan setelah menyelesaikan desain. Sebaliknya, tambahkan aksesibilitas ke dalam alur kerja desain Anda dan terapkan fitur-fitur tersebut saat Anda membuat desain.

Gunakan Daftar Periksa

Simpan daftar fitur aksesibilitas dan pedoman untuk diterapkan di setiap desain Anda. Hal ini akan memastikan bahwa desain Anda selalu konsisten dan, yang lebih penting, mematuhi undang-undang aksesibilitas.

Lakukan Audit Reguler

Situs web dan antarmuka aplikasi sering kali harus diperbarui seiring berkembangnya teknologi, pembaruan ini sering kali dapat merusak beberapa fitur aksesibilitas. Jadi, sebaiknya jadwalkan audit rutin untuk memastikan fitur aksesibilitas tetap berfungsi penuh sebagaimana mestinya.

Kesimpulannya

Aksesibilitas sangat penting dalam semua jenis desain. Khususnya dalam desain web, aksesibilitas memainkan peran penting dalam menjadikan Internet sebagai tempat yang ramah bagi semua orang. Dan sebagai desainer, Anda bertanggung jawab untuk berkontribusi pada tujuan mulia tersebut.

Mulailah dengan fitur-fitur terabaikan yang kami bahas di sini dan lihat lebih jauh lagi untuk menjadikan situs web Anda berikutnya lebih mudah diakses dengan fitur dan fungsi yang lebih baik.