Aksesibilitas Seluler: Bagaimana Cara Membangun Aplikasi yang Sesuai ADA dan WCAG?

Diterbitkan: 2023-11-02

Dengan lebih dari 15% populasi global termasuk dalam kategori penyandang disabilitas, upaya berdedikasi sedang dilakukan oleh dunia usaha dan pemerintah untuk membantu orang-orang berkebutuhan khusus menjalani kehidupan yang setara dengan rekan-rekan mereka yang berbadan sehat.

Meskipun di dunia offline, upaya tersebut terlihat jelas pada tingkat infrastruktur, namun dunia digital tidak memberikan pengaruh. Bukti? Pada tahun 2020 saja, tuntutan hukum aksesibilitas digital meningkat menjadi lebih dari 3.500 kasus, yang berarti hampir sepuluh tuntutan hukum setiap hari kerja.

Meskipun kami memahami bahwa dibutuhkan upaya ekstra untuk membangun aplikasi yang sesuai dengan ADA, fakta bahwa bisnis digital tidak lagi memenuhi persyaratan tersebut juga menjauhkan mereka dari basis audiens yang berkualitas, terutama karena penyandang disabilitas diketahui menghabiskan setengah dari biaya mereka. triliun dolar setiap tahunnya.

Di tengah banyaknya tugas yang terlibat dalam manajemen siklus hidup aplikasi seluler, kepatuhan terhadap kepatuhan ADA aplikasi seluler dapat menjadi item yang paling tidak diprioritaskan karena kurangnya RoI yang tinggi. Hal ini terjadi lebih parah lagi karena bisnis biasanya tidak memiliki akses terhadap satu sumber daya saja.

Sesuatu yang ingin kami selesaikan hari ini, Di Appinventiv, kami memastikan bahwa setiap produk digital yang kami buat, baik aplikasi yang dapat dikenakan atau aplikasi seluler atau bahkan situs web tunduk pada aturan yang ditetapkan oleh ADA dan WCAG.

Consult our experts to apply ADA and WCAG to your app

Sekarang sebelum kita melanjutkan untuk berbagi berbagai aspek kepatuhan ADA dan WCAG dalam pengembangan aplikasi, mari kita lihat beberapa manfaat aplikasi yang mematuhi ADA sehingga upaya ekstra tersebut sepadan dengan uang dan waktu.

Manfaat Bisnis dari Aplikasi yang Sesuai dengan ADA

Saat Anda membangun aplikasi yang sesuai dengan ADA atau WCAG, keuntungannya berkisar dari reputasi hingga finansial, yang pada gilirannya memiliki beberapa dampak, seperti:

Basis Pengguna yang Lebih Besar – Dengan 15% populasi global memiliki kemampuan khusus, Anda akan dapat membuka aplikasi Anda ke basis pengguna yang lebih luas ketika Anda mengembangkan aplikasi yang sesuai dengan ADA dan WCAG.

Kepatuhan Hukum – Pelanggaran kepatuhan ADA aplikasi seluler dapat mengakibatkan denda dan penyelesaian yang mahal. Berdasarkan aturan tersebut, bisnis dapat dikenakan denda sebesar $75.000 untuk satu pelanggaran ADA, dan dapat meningkat menjadi $150.000 untuk pelanggaran lebih lanjut.

Peningkatan SEO – Baik Google dan Apple cenderung menjadikan aksesibilitas sebagai faktor kunci untuk visibilitas aplikasi dan keaslian situs web. Jadi, saat Anda membuat aplikasi yang sesuai dengan ADA dan WCAG, Anda secara otomatis meningkatkan kemungkinan mendapatkan peringkat mesin pencari yang lebih baik dan penempatan toko aplikasi yang lebih tinggi.

Sekarang kita telah melihat dampak bisnis yang dapat Anda harapkan ketika Anda membuat aplikasi yang sesuai dengan ADA dan WCAG, mari kita lihat detail cara membuatnya. Saat ini, ada sejumlah aturan dan standar yang diikuti secara global seputar aksesibilitas, jadi untuk menghindari kebingungan, kami memperlakukan WCAG dan ADA sebagai standar ketika kami membangun aplikasi seluler yang sukses untuk klien kami.

Yang Perlu Diketahui Saat Anda Membangun Aplikasi yang Sesuai WCAG

Meskipun langkah-langkah umum untuk membuat aplikasi seluler dengan lancar dapat diakses di blog ini, 'Panduan Langkah-demi-Langkah tentang Proses Pengembangan Aplikasi Seluler', kriteria Pedoman Aksesibilitas Konten Web mendefinisikan empat prinsip yang perlu diperhatikan selama aplikasi seluler pengembangan – dapat dipahami, dapat dioperasikan, dapat dimengerti, dan kuat. Kami biasanya mengikuti prinsip-prinsip ini secara keseluruhan saat membuat aplikasi seluler untuk bisnis.

Meskipun ini adalah versi terkonsentrasi dari prinsip-prinsip tersebut, berikut tautan resmi WCAG 2.2 jika Anda ingin mendalami masing-masing prinsip secara mendalam.

WCAG Principles for Mobile Apps

Dapat dipahami

Kategori aplikasi yang sesuai dengan WCAG ini adalah tentang bagaimana aplikasi ditampilkan kepada pengguna. Misalnya, bagaimana ukuran layar yang kecil memengaruhi area halaman yang dapat diamati, penempatan dan kontras tombol dan hyperlink, serta elemen lain apa pun yang diperlukan pengguna untuk menggunakan aplikasi. Tantangan aksesibilitas di bagian ini umumnya mencakup ukuran layar vs rasio konten, kemampuan zoom, dan adanya kontras yang memadai.

Dapat dioperasikan

Masalah aksesibilitas seluler yang perlu dipertimbangkan ketika Anda membangun aplikasi yang sesuai dengan ADA dalam kategori ini terdiri dari mengaktifkan keyboard untuk perangkat layar sentuh, optimalisasi ukuran target sentuh, jarak, penempatan tombol, dan adanya instruksi untuk gerakan layar sentuh alternatif untuk orang-orang. siapa yang membutuhkannya. Untuk memenuhi persyaratan prinsip ini, pengembang aplikasi seluler kami memastikan bahwa cara pengguna berinteraksi dengan aplikasi platform web seluler – menyentuh tombol, menggulir, dll. – bebas dari hambatan.

Dapat dimengerti

Elemen saat Anda mengembangkan aplikasi yang sesuai dengan ADA dan WCAG adalah tentang memastikan bahwa pengguna memahami cara menggunakan aplikasi dan menyesuaikan pengaturan bila diperlukan. Faktor-faktor yang perlu diperhatikan di sini terdiri dari kemampuan untuk mengubah orientasi layar, memastikan tata letak yang konsisten, memposisikan konten halaman penting sebelum menggulir, mengelompokkan elemen yang mengarah ke tindakan yang sama, memberikan indikasi jelas bahwa elemen tertentu dapat ditindaklanjuti, dan memberikan instruksi khusus untuk sentuhan dan gerakan manipulasi perangkat.

Kokoh

Saat Anda membuat aplikasi yang sesuai dengan ADA dan WCAG, kategori ini menyoroti seberapa baik antarmuka aplikasi seluler didukung di seluruh sistem operasi dan perangkat. Beberapa faktor yang perlu dipertimbangkan di sini adalah – menyetel keyboard virtual untuk entri data dan menyelaraskan aplikasi dengan properti karakteristik platform tertentu. Misalnya, perbedaan perangkat dan sistem operasi mungkin memengaruhi keberadaan beberapa fungsi aksesibilitas seperti penyesuaian ukuran font atau pembungkusan teks yang diperbesar.

Put ADA and WCAG principles into practice to build an app

Sekarang setelah kita melihat prinsip inti kepatuhan ADA dan WCAG dalam pengembangan aplikasi, mari kita ubah informasi tersebut menjadi item yang dapat ditindaklanjuti.

Daftar Periksa Aplikasi Seluler Kepatuhan WCAG dan ADA

Untuk memastikan bahwa aplikasi seluler Anda dapat diakses oleh orang-orang berkebutuhan khusus, penting untuk mematuhi aturan dan standar yang telah ditentukan. Mari kita memeriksanya dengan cara yang dapat ditindaklanjuti dan mudah diikuti.

Teks dan Gambar

WCAG and ADA Compliance Mobile App Checklist

  • Salah satu petunjuk utama dalam daftar periksa aplikasi seluler kepatuhan WCAG adalah bahwa setiap teks di dalam aplikasi harus mudah dibaca dan diubah ukurannya. Pengguna harus memiliki pilihan untuk mengubah gaya dan ukuran font sesuai pilihan mereka.
  • Teks alternatif harus diberikan pada setiap gambar. Ini memberdayakan pengguna dengan kesulitan visual dalam memahami informasi yang disampaikan oleh gambar dengan bantuan perangkat lunak pembaca layar.

Dapat Diakses Papan Ketik

Keyboard Accessible

  • Pastikan setiap fungsionalitas dan fitur aplikasi dapat diakses dan dioperasikan melalui keyboard karena pengguna dengan gangguan mobilitas cenderung sangat bergantung pada navigasi keyboard.
  • Tawarkan kepada pengguna indikator yang terfokus dengan jelas untuk menyorot elemen yang saat ini menjadi fokus. Ini memungkinkan mereka menavigasi aplikasi secara efisien dengan kontrol keyboard.

Dukungan Sulih Suara

  • Saat Anda membuat aplikasi yang sesuai dengan ADA, jangan lupa untuk mengaktifkan dukungan VoiceOver untuk perangkat iOS dan dukungan TalkBack untuk perangkat Android.
  • Jadikan aplikasi Anda kompatibel dengan teknologi pembaca layar, karena teknologi tersebut memberikan masukan audio kepada pengguna tunanetra, sehingga mendukung mereka dalam bernavigasi dan berinteraksi dengan aplikasi Anda secara efektif.

Navigasi Aplikasi

  • Ikuti alur navigasi yang konsisten dan logis di dalam aplikasi seluler, yang memudahkan pengguna berkemampuan khusus untuk menavigasi aplikasi dari berbagai platform.
  • Tawarkan opsi untuk melewati navigasi untuk memungkinkan pengguna melewati konten yang tidak penting/tidak dapat ditindaklanjuti dan mengakses elemen utama aplikasi.

Konten Video dan Audio

Video and Audio Content

  • Berikan transkrip dan keterangan untuk konten audio dan video dalam aplikasi. Ini akan memungkinkan pengguna tunarungu mengakses informasi yang Anda sampaikan dalam konten multimedia.
  • Pastikan pemutar video memiliki fitur aksesibilitas seperti kecepatan pemutaran dan opsi volume yang dapat diubah.

Elemen Antarmuka Pengguna

  • Bagian selanjutnya dari daftar periksa aplikasi seluler kepatuhan ADA adalah memastikan bahwa elemen UI seperti tombol, kotak centang, dan formulir, diberi label dengan jelas agar pengguna dapat memahami kebutuhan dan fungsionalitas.
  • Gunakan komponen UI standar yang biasa digunakan pengguna. Ini akan mengurangi ruang lingkup kebingungan dan memungkinkan individu berkemampuan khusus untuk berinteraksi dengan aplikasi dengan mudah.

Kontras Warna

User Interface Elements

  • Antarmuka aplikasi harus memiliki kontras warna yang cukup besar antara teks dan latar belakang. Ini akan memastikan kemudahan membedakan antara elemen layar yang berbeda.
  • Jangan gunakan warna sebagai sarana inti informasi. Berikan teks tambahan atau isyarat visual untuk memastikan pengguna buta warna Anda dapat memahami konten dengan mudah.

Desain untuk Berbagai Ukuran Layar

  • Minimalkan informasi di setiap layar dengan desain responsif.
  • Berikan ukuran default yang wajar untuk setiap konten dan kontrol sentuh. Ini akan memudahkan pengguna dengan gangguan penglihatan untuk meminimalkan kebutuhan akan pembesaran.
  • Sesuaikan panjang teks tautan sesuai dengan lebar area pandang.
  • Posisikan bidang formulir di bawah – bukan di samping – labelnya.

Sentuh Target dan Penempatan

  • Rancang target sentuh dengan tinggi minimal 9 mm dan lebar 9 mm.
  • Tambahkan ruang tidak aktif di sekitar target sentuh kecil.
  • Tempatkan tombol di tempat yang mudah dijangkau.

Entri Data Mudah

  • Batasi entri teks dengan menyediakan isi otomatis, tombol radio, menu pilihan, dan kotak centang.
  • Pengguna harus dapat memasukkan informasi melalui berbagai cara, termasuk keyboard di layar, keyboard bluetooth, dan bahkan ucapan.

Meskipun kami mengikuti semua petunjuk ini saat membuat aplikasi yang sesuai dengan WCAG, tim desainer dan pengembang kami memahami bagaimana kepatuhan aksesibilitas dimulai dari tahap desain itu sendiri.

Perancang aplikasi seluler kami menjadikan persyaratan kebutuhan khusus sebagai bagian default dari persona pengguna, yang membantu memastikan bahwa setiap elemen yang kami rancang dan kembangkan sejak saat itu, mudah diakses oleh orang-orang dengan kesulitan pendengaran, penglihatan, dan kognitif.

Meskipun relatif mudah untuk meningkatkan hasil bagi aksesibilitas suatu aplikasi yang dibuat dari awal, akan sedikit berbeda untuk menambahkan fungsionalitas pada aplikasi yang sudah ada sebelumnya yang tidak memiliki kemampuan tersebut. Cara kami melakukan pendekatan adalah dengan menjalankan audit aksesibilitas aplikasi dan membuat rencana desain dan pengembangan berdasarkan temuan – rencana yang dibuat untuk membuat seluruh aplikasi dapat diakses sepenuhnya.

Jadi, apa pun tahap bisnis Anda, kami adalah perusahaan pengembang aplikasi seluler yang berhasil membangun aplikasi yang sesuai dengan ADA, sehingga membuat Anda mematuhi aksesibilitas.

Hubungi kami untuk menerapkan kepatuhan ADA dan WCAG dalam pengembangan aplikasi.

FAQ

T. Apa yang dimaksud dengan aplikasi yang sesuai dengan ADA?

A. Aplikasi yang sesuai dengan ADA adalah aplikasi yang dapat diakses oleh penyandang disabilitas khusus yang memiliki kesulitan pendengaran, penglihatan, mobilitas, dan kognitif dengan kemudahan yang sama seperti rekan mereka yang berbadan sehat.

T. Bagaimana cara membuat aplikasi sesuai dengan ADA dan WCAG?

J. Ada beberapa cara untuk membuat aplikasi yang sesuai dengan ADA dan WCAG. Inilah yang teratas:

  • Mendesain untuk berbagai ukuran layar
  • Fokus khusus pada penempatan dan target sentuh
  • Gerakan perangkat sederhana
  • Kontras warna yang cukup
  • Entri data yang mudah, dll.

T. Apa yang harus saya lakukan jika bisnis saya digugat karena tidak mematuhi ADA?

J. Jika bisnis Anda digugat karena tidak mematuhi ADA, hal pertama yang perlu Anda lakukan adalah tidak mengabaikan keluhan tersebut. Anda hanya memiliki waktu tertentu, berkisar antara 21 hingga 30 hari untuk merespons. Selanjutnya, sewalah pengacara bisnis yang berpengalaman dalam kasus ADA dan segera mulai memperbaiki masalah aksesibilitas dengan membuat perubahan desain dan pengembangan yang diperlukan pada aplikasi Anda.