Ini adalah praktik membuat aplikasi, situs, dan produk yang dapat digunakan untuk semua orang, termasuk orang-orang dengan gangguan penglihatan, motorik, pendengaran, pendengaran, atau kognitif.

Mengapa Anda harus mendukung aksesibilitas?

• Anda dapat memengaruhi kehidupan seseorang dengan membuat produk yang inklusif dan mudah digunakan.
• Satu miliar orang memiliki cacat: produk Anda dapat digunakan oleh mereka.
• Dukungan aksesibilitas yang lebih baik mengarah pada kode UX dan pembersih yang lebih baik.

Dalam panduan ini, Anda akan menemukan alat pengujian aksesibilitas, checker kontras warna, dan simulator kebutaan warna, baik untuk desainer maupun pengembang yang bekerja dengan web dan seluler.

“Mendukung aksesibilitas dapat memengaruhi kehidupan seseorang dengan membuat produk yang inklusif dan mudah digunakan.”

???? Alat untuk membuat warna yang dapat diakses

Kontras –  Aplikasi macOS sederhana untuk memeriksa rasio kontras warna dan mengidentifikasi pasangan warna yang dapat diakses berdasarkan Pedoman WCAG.

Pembuat Palet Warna yang Dapat Diakses – Alat yang hebat untuk membangun palet warna yang dapat diakses. Masukkan hingga 6 warna dan lihat matriks warna untuk mengetahui warna mana yang dapat dikombinasikan.

ColorBox – Alat yang secara algoritmik membangun sistem warna yang dapat diakses. Ini juga mengurutkan berdasarkan warna, rona, saturasi, dan luminositas saat memilih kombinasi warna.

Contraste – aplikasi gratis untuk memeriksa aksesibilitas teks terhadap aturan WCAG.

Hex Naw – Alat aksesibilitas warna gratis untuk menguji seluruh sistem warna untuk kontras dan aksesibilitas. Anda dapat menguji sekitar 12 warna berbeda secara bersamaan.

90 contoh – Koleksi gratis tema warna yang dapat diakses:

• Ragam kombo warna yang sesuai dengan A11Y.
• 90 kombinasi teks / warna latar belakang yang memiliki rasio kontras yang cukup.

Contrast Checker – Alat aksesibilitas warna gratis lainnya yang membantu memeriksa kontras antara latar belakang elemen dan halaman itu sendiri.

Berwarna – Alat kontras berbasis web gratis:

• Ambil satu set palet warna dan dapatkan nilai kontras untuk setiap kombinasi.
• Termasuk nilai lulus / gagal untuk pedoman aksesibilitas WCAG.

???? Simulator kebutaan warna

Stark – Plugin Sketch berbayar yang memungkinkan Anda mensimulasikan berbagai jenis kebutaan warna.

Color Oracle – Simulator buta warna gratis. Ini menggunakan algoritma untuk mensimulasikan penurunan penglihatan warna, sehingga Anda dapat melihat warna seperti yang terlihat oleh orang buta warna.

Filter warna Toptal – Alat online ini memungkinkan Anda menguji situs web Anda dan menunjukkan kepada Anda bagaimana orang-orang dengan kebutaan warna yang berbeda akan melihat halaman Anda.

???? Alat uji aksesibilitas

ANDI – Alat pengujian aksesibilitas gratis untuk konten web:

• Menyediakan deteksi otomatis masalah aksesibilitas
• Memberikan saran praktis untuk meningkatkan aksesibilitas dan memeriksa kepatuhan.

WAVE – Alat evaluasi aksesibilitas web gratis:

• Berikan umpan balik visual dengan menyuntikkan ikon dan indikator ke halaman Anda
• Memiliki ekstensi browser untuk mengevaluasi halaman lokal, dinamis, atau dilindungi kata sandi.

AChecker – Aplikasi web pengujian aksesibilitas gratis, yang memungkinkan Anda memeriksa aksesibilitas dengan URL halaman web, file HTML, atau bahkan markup. Selain itu, ini memungkinkan opsi tambahan, seperti CSS, validator HTML, dan lainnya.

A11ygator – Alat web gratis untuk menganalisis situs web terhadap WCAG. Juga tersedia sebagai ekstensi peramban dan sebagai bot Twitter. Dan untuk menemukan lebih banyak alat aksesibilitas, periksa daftar Awesome Design Tools .

???? Alat untuk pengembang iOS

Inspektur Aksesibilitas adalah bagian dari Xcode, IDE utama untuk mengembangkan aplikasi iOS. Anggap saja sebagai pemeriksa aksesibilitas bawaan yang melewati aplikasi iOS dan mencoba menemukan masalah aksesibilitas. Inspektur Aksesibilitas menunjukkan bagian-bagian dari aplikasi iOS yang dapat dilakukan dengan lebih baik dan membantu memeriksa teknologi bantu iOS.

VoiceOver membantu menavigasi layar aplikasi tanpa melihatnya. Itu juga dapat digunakan untuk menguji aksesibilitas aplikasi iOS, ketika Anda mengaktifkannya dan mencoba menggunakan aplikasi Anda.

VoiceOver memberikan deskripsi yang dapat didengar tentang apa yang ada di layar Anda – dari tingkat baterai, ke siapa yang menelepon, ke aplikasi mana jari Anda aktif. Anda juga dapat menyesuaikan tingkat dan nada berbicara sesuai dengan kebutuhan Anda. Saat Anda menyentuh layar atau menyeret jari Anda di atasnya, VoiceOver mengucapkan nama item yang digunakan oleh jari Anda, termasuk ikon dan teks. Untuk berinteraksi dengan item, seperti tombol atau tautan, atau untuk menavigasi ke item lain, gunakan gerakan VoiceOver – Panduan Pengguna iPhone

Lihatlah bagian Aksesibilitas di iOS di situs Apple untuk mempelajari lebih lanjut tentang teknologi bantu, yang dapat Anda dukung di aplikasi iOS Anda:

Panduan & Sumber Daya yang Berguna

Dalam panduan ini, kami lebih fokus pada alat untuk membantu Anda membangun produk yang dapat digunakan oleh lebih banyak orang daripada praktik aksesibilitas (yang sama pentingnya). Jadi panduan ini akan mengajarkan Anda untuk mengikuti praktik terbaik:

• Tim Apple menyusun Panduan Antarmuka Manusia dengan banyak  tips tentang aksesibilitas dalam desain iOS . Ini mencakup antarmuka pengguna, navigasi, tipografi, warna, gerakan, dan banyak lagi.
• Beberapa artikel bagus oleh tim lain. Merancang untuk aksesibilitas tidak terlalu sulit , di mana Anda akan menemukan tujuh pedoman desain yang mudah diimplementasikan. Sebuah  panduan untuk aksesibilitas warna dalam desain produk  akan menarik bagi anda yang ingin merancang Aksesibilitas dalam pikiran.

Gambar hebat oleh Pablo Stanley

Dengan semua alat dan pengetahuan itu, kami dapat menciptakan produk yang lebih mudah diakses, menjangkau audiens yang lebih besar, dan menjadikan hidup lebih baik bagi seseorang. Saya pikir ini adalah motivasi yang kuat untuk mulai mendukung aksesibilitas dalam desain dan pengembangan Anda.

sumber:Medium Lisa blog.marvelapp.com