Prosiding Seminar Nasional KARSA NUSANTARA Kolaborasi Rekayasa dan Sains Nasional untuk Teknologi.
Riset, dan Kecerdasan Buatan Fakultas Teknik.
Universitas Wijaya Kusuma Surabaya ISSN 3090-1154 (Media Onlin.
Volume 2.
Tahun 2025 Evaluasi dan Perancangan Prototype Perbaikan Antarmuka Pengguna Aplikasi JAKI Berdasarkan Prinsip Aksesibilitas Digital bagi Pengguna Disabilitas Netra Muhammad Rafi1.
Muhammad Nasir*2 1,2 Program Studi Teknologi Rekayasa Perangkat Lunak.
Sekolah Vokasi.
IPB University Email: 1mochrafi@apps.
id, 2m_nasir@apps.
*Penulis Korespondensi Abstrak Aksesibilitas digital (A11.
mengacu pada kemudahan bagi semua orang, termasuk penyandang disabilitas, dalam mengakses situs web, aplikasi, dan layanan digital.
Di tengah pesatnya transformasi digital, aksesibilitas menjadi kunci dalam mendorong inklusi sosial, terutama dalam layanan publik.
Salah satu contohnya adalah aplikasi Jakarta Kini (JAKI), aplikasi super milik Pemprov DKI Jakarta, yang masih menghadapi permasalahan aksesibilitas, khususnya bagi pengguna disabilitas netra yang mengandalkan screen reader.
Penelitian ini bertujuan untuk menganalisis permasalahan aksesibilitas pada antarmuka pengguna JAKI serta merancang ulang prototype perbaikan dengan mempertimbangkan prinsip aksesibilitas berbasis Web Content Accessibility Guidelines (WCAG).
Fokus penelitian dibatasi pada fitur berita dan laporan warga pada platform Android.
Metode yang digunakan adalah pendekatan kualitatif deskriptif melalui evaluasi aksesibilitas, perancangan ulang antarmuka pengguna, serta pengujian usability secara kualitatif dan kuantitatif.
Analisis permasalahan aksesibilitas pada aplikasi JAKI existing mengidentifikasi tujuh kategori utama masalah yang berpotensi menghambat interaksi pengguna disabilitas netra dan disabilitas lainnya.
Pengujian usability pada prototype perbaikan menunjukkan rata-rata skor SEQ sebesar 6,7 dan rata-rata skor SUS sebesar 80, yang menandakan prototype telah mudah digunakan dan memuaskan.
Umpan balik partisipan juga menunjukkan peningkatan aksesibilitas dan pengalaman pengguna.
Kata kunci: aksesibilitas digital.
Android, e-government, kota cerdas, pelayanan publik Abstract Digital accessibility (A11.
refers to the ease with which everyone, including people with disabilities, can access websites, mobile applications, and digital services.
In the midst of rapid digital transformation, accessibility is key to promoting social inclusion, especially in public services.
One example is the Jakarta Kini (JAKI), a super app owned by the Jakarta Provincial Government, which still faces accessibility issues, particularly for visually impaired users who rely on screen readers.
This study aims to analyze accessibility issues in the JAKI user interface and redesign a prototype improvements considering accessibility principles based on the Web Content Accessibility Guidelines (WCAG).
The research focus is limited to the news and citizen reporting features on the Android platform.
The methods used include a descriptive qualitative approach through accessibility evaluation, user interface redesign, and qualitative and quantitative usability testing.
The analysis of accessibility issues in the existing JAKI app identified seven main categories of problems that could hinder interaction for visually impaired users and people with other Usability testing on the improved prototype showed an average SEQ score of 6,7 and an average SUS score of 80 indicating that the prototype is sufficiently easy to use and satisfying.
Participant feedback also indicated improvements in accessibility and user experience.
Keywords: digital accessibility.
Android, e-government, smart city, public services PENDAHULUAN Aksesibilitas digital (A11.
merujuk pada kemudahan bagi semua orang untuk menggunakan situs web, aplikasi, atau pengalaman digital lainnya, terlepas dari kemampuan atau disabilitas mereka, baik dengan maupun tanpa bantuan teknologi bantu.
Konsep ini tidak terbatas pada individu dengan disabilitas tertentu .
Dalam era yang semakin terintegrasi secara digital, aksesibilitas digital memainkan peran penting dalam mendukung inklusi sosial.
Kemajuan teknologi digital yang pesat ini telah membawa perubahan besar dalam berbagai aspek kehidupan masyarakat, termasuk kemudahan akses terhadap layanan publik .
Salah satu bentuk nyata dari kemajuan ini adalah perkembangan aplikasi mobile, yang kini memainkan peran penting dalam kehidupan sehari-hari miliaran orang, termasuk dalam menyediakan akses yang lebih mudah dan cepat ke berbagai layanan.
Namun, masih banyak aplikasi mobile yang belum sepenuhnya ramah terhadap kebutuhan pengguna dengan disabilitas .
Salah satu contoh nyata di Indonesia adalah aplikasi Jakarta Kini (JAKI), masih belum sepenuhnya ramah disabilitas.
Aplikasi JAKI Halaman - 331 Prosiding Seminar Nasional KARSA NUSANTARA Kolaborasi Rekayasa dan Sains Nasional untuk Teknologi.
Riset, dan Kecerdasan Buatan Fakultas Teknik.
Universitas Wijaya Kusuma Surabaya ISSN 3090-1154 (Media Onlin.
Volume 2.
Tahun 2025 saat ini masih memiliki masalah aksesibilitas bagi penyandang disabilitas netra, sehingga menyulitkan mereka yang menggunakan teknologi bantu seperti screen reader .
Penting untuk menerapkan prinsip dan standar aksesibilitas dalam pengembangan produk digital.
Hal ini akan memastikan bahwa layanan digital dapat diakses dan digunakan oleh semua pengguna, termasuk orang dengan disabilitas.
Menurut laporan World Health Organization (WHO), sekitar 10% dari populasi Indonesia merupakan penyandang disabilitas.
Dengan jumlah penduduk yang melebihi 284 juta jiwa, ini berarti sekitar 28 juta orang berpotensi mengalami kesulitan dalam mengakses layanan digital apabila tidak dirancang secara inklusif.
Akses terhadap informasi dan layanan digital merupakan hak dasar yang seharusnya dapat dinikmati oleh semua warga negara tanpa diskriminasi, termasuk oleh penyandang Namun, kenyataannya, banyak dari mereka masih menghadapi berbagai hambatan dalam menggunakan produk digital akibat kurangnya perhatian terhadap aspek aksesibilitas.
Studi yang dilakukan oleh Alshayban et al.
terhadap lebih dari 1.
000 aplikasi Android mengungkapkan bahwa hampir seluruh aplikasi tersebut memiliki kendala aksesibilitas yang signifikan bagi pengguna disabilitas.
Salah satu penyebab utama dari permasalahan ini adalah rendahnya pemahaman para pengembang terhadap prinsipprinsip desain aksesibel, serta rendahnya prioritas terhadap aksesibilitas di organisasi dalam memastikan inklusi digital.
Akibatnya, pengguna dengan disabilitas terus mengalami keterbatasan dalam mengakses layanan yang seharusnya dapat mempermudah kehidupan mereka.
Sebagai upaya untuk mengatasi hambatan ini, berbagai regulasi dan standar telah diterapkan, baik di tingkat nasional maupun internasional.
Indonesia telah meratifikasi Konvensi Perserikatan BangsaBangsa tentang Hak-Hak Penyandang Disabilitas (UNCRPD) melalui Undang-Undang Nomor 19 Tahun 2011, yang mewajibkan negara untuk menjamin aksesibilitas, termasuk dalam bidang teknologi informasi dan komunikasi (TIK) .
Di tingkat nasional.
Undang-Undang Nomor 8 Tahun 2016 tentang Penyandang Disabilitas dan Peraturan Pemerintah Nomor 70 Tahun 2019 menegaskan pentingnya penyediaan aksesibilitas digital sebagai bagian dari inklusi sosial.
Sementara itu.
Web Content Accessibility Guidelines (WCAG) yang dikembangkan oleh World Wide Web Consortium (W3C) menjadi standar internasional utama dalam pengembangan layanan digital yang inklusif.
WCAG mencakup empat prinsip utama yaitu terindra .
, dapat dioperasikan .
, dapat dimengerti .
, dan handal .
yang dirancang untuk memastikan bahwa produk digital dapat diakses oleh semua pengguna, terlepas dari keterbatasan mereka .
Jakarta Kini (JAKI) sebagai aplikasi super yang dikembangkan oleh Pemerintah Provinsi DKI Jakarta, menyediakan berbagai macam fitur untuk memberikan akses informasi resmi dan layanan publik.
Pengguna aplikasi JAKI dapat mengakses informasi resmi tentang Jakarta langsung dari Organisasi Perangkat Daerah (OPD) dan Badan Usaha Milik Daerah (BUMD).
JAKI, sebagai aplikasi berbasis kota pertama yang dikembangkan oleh Unit Pengelola Jakarta Smart City (UP JSC) haruslah bersifat inklusif, termasuk untuk pengguna dengan penyandang disabilitas.
Namun, aksesibilitas aplikasi JAKI belum sepenuhnya sesuai dengan standar, sehingga menyebabkan kesulitan bagi pengguna dengan disabilitas, sebagai contoh pengguna disabilitas netra yang mengandalkan screen reader.
Masalah seperti tombol yang tidak berlabel, gambar tanpa deskripsi, kontras yang rendah, struktur judul yang tidak ada atau lengkap membuat penjelajahan konten pada halaman aplikasi menjadi tidak efisien.
Namun demikian, ini bukanlah pengalaman aksesibilitas digital terbaik yang dapat diberikan oleh aplikasi mobile.
Berdasarkan permasalahan yang telah diuraikan, penelitian ini bertujuan untuk menganalisis secara mendalam permasalahan aksesibilitas pada antarmuka pengguna aplikasi JAKI.
Selain itu, penelitian ini juga bertujuan untuk merancang prototype perbaikan antarmuka pengguna dengan menerapkan prinsip dan standar aksesibilitas pada aplikasi Android, agar lebih ramah disabilitas.
Fokus dan ruang lingkup penelitian ini dibatasi pada dua fitur utama JAKI versi Android, yaitu fitur berita dan laporan warga.
Pemilihan kedua fitur ini didasarkan pada tingkat interaksi yang tinggi serta relevansi langsungnya dengan kebutuhan informasi dan partisipasi warga dalam layanan publik.
Fokus pada user journey utama dari masing-masing fitur.
Pada fitur berita, difokuskan pada proses mencari, membaca, menyukai, menyimpan dan membagikan berita.
Sementara pada fitur laporan warga, pada alur pembuatan laporan foto.
Secara spesifik, penelitian ini bertujuan untuk: .
mengidentifikasi dan menganalisis permasalahan aksesibilitas pada antarmuka pengguna aplikasi JAKI saat ini, terutama pada fitur berita dan laporan warga, serta .
merancang ulang prototype perbaikan antarmuka pengguna aplikasi JAKI dengan mempertimbangkan prinsip dan standar aksesibilitas digital berdasarkan pedoman Web Content Accessibility Guidelines (WCAG), untuk meningkatkan aksesibilitas dan pengalaman pengguna disabilitas netra.
Penelitian ini mengacu pada beberapa studi sebelumnya yang juga menjadikan aplikasi JAKI sebagai objek penelitian.
Studi-studi tersebut digunakan sebagai acuan dan pembanding untuk Halaman - 332 Prosiding Seminar Nasional KARSA NUSANTARA Kolaborasi Rekayasa dan Sains Nasional untuk Teknologi.
Riset, dan Kecerdasan Buatan Fakultas Teknik.
Universitas Wijaya Kusuma Surabaya ISSN 3090-1154 (Media Onlin.
Volume 2.
Tahun 2025 mengidentifikasi kontribusi spesifik dari penelitian ini.
Rodhi et al.
melakukan evaluasi usability aplikasi JAKI dengan tujuan mengidentifikasi permasalahan pengguna serta memberikan rekomendasi solusi perbaikannya.
Studi tersebut menggunakan metode pengujian usability dan melibatkan partisipan non-disabilitas, namun belum menyoroti secara khusus aspek aksesibilitas digital, terutama bagi penyandang disabilitas netra.
Selain itu, laporan teknis berjudul Digital Accessibility for Integrated and Inclusive Digital Public Services .
turut meninjau aplikasi JAKI dalam konteks inklusi digital.
Laporan ini memberikan tinjauan awal mengenai sejauh mana prinsip-prinsip aksesibilitas telah diterapkan dalam layanan digital publik, termasuk JAKI.
Namun demikian, pembahasannya masih bersifat umum dan tidak mengupas secara rinci elemen-elemen antarmuka pengguna maupun fitur spesifik seperti berita dan laporan Berdasarkan keterbatasan pada kedua studi tersebut, penelitian ini berkontribusi dengan mengisi kesenjangan yang ada melalui evaluasi menyeluruh terhadap permasalahan aksesibilitas pada antarmuka pengguna aplikasi JAKI serta merancang ulang prototype perbaikan antarmuka pengguna yang berfokus pada penerapan prinsip dan standar aksesibilitas.
Hasil dari penelitian ini diharapkan dapat memberikan rekomendasi komprehensif kepada Unit Pengelola Jakarta Smart City (UP JSC) selaku pengembang aplikasi JAKI, dalam upaya meningkatkan kualitas antarmuka pengguna yang lebih inklusif dan aksesibel.
Dengan demikian, aplikasi JAKI diharapkan mampu memberikan akses yang setara dan lebih mudah terhadap layanan publik bagi seluruh pengguna, termasuk penyandang disabilitas.
Selain itu, temuan dari penelitian ini diharapkan dapat menjadi rujukan bagi pengembang aplikasi digital lainnya dalam merancang produk yang responsif terhadap keragaman kebutuhan pengguna dan mendukung terciptanya transformasi digital yang inklusif.
II.
METODE PENELITIAN
Penelitian ini menggunakan pendekatan metode kualitatif deskriptif, yang bertujuan menggambarkan secara mendalam kondisi aksesibilitas antarmuka pengguna aplikasi JAKI, khususnya fitur berita dan laporan warga.
Pendekatan ini tidak bermaksud untuk menguji hipotesis tertentu, melainkan untuk memahami dan mengeksplorasi permasalahan aksesibilitas.
Penelitian ini memadukan evaluasi aksesibilitas .
ccessibility audi.
dan perancangan ulang prototype perbaikan antarmuka pengguna dengan berpedoman pada standar WCAG.
Selain menggunakan metode observasi dan accessibility audit, penelitian ini juga melibatkan pengguna disabilitas netra dalam pengujian langsung .
engujian usabilit.
untuk mengevaluasi pengalaman dan persepsi mereka terhadap prototype perbaikan yang dikembangkan.
Evaluasi dilakukan secara kualitatif melalui umpan balik partisipan untuk menggali aspek subjektif dari pengalaman pengguna, serta secara kuantitatif dengan instrumen Single Ease Question (SEQ) dan System Usability Scale (SUS) untuk mengukur tingkat kemudahan dan kepuasan pengguna secara terstruktur dan Pengembangan prototype perbaikan dilakukan dengan pendekatan Software Development Life Cycle (SDLC) model prototyping.
Model ini dipilih karena memungkinkan peneliti menghasilkan versi awal prototype menyerupai aplikasi JAKI aslinya yang dapat divalidasi dengan cepat oleh pengguna disabilitas netra.
Prototyping sangat cocok untuk penelitian yang berfokus pada peningkatan aksesibilitas, terutama ketika interaksi langsung dengan pengguna dan pengembangan antarmuka pengguna menjadi prioritas .
Partisipan Penelitian Partisipan dalam penelitian ini adalah lima .
orang penyandang disabilitas netra yang merupakan anggota DPD PERTUNI DKI Jakarta.
Mereka dipilih secara purposive berdasarkan kriteria, yaitu individu dengan gangguan penglihatan baik yang tergolong penglihatan terbatas .
ow visio.
maupun buta total .
otally blin.
, berusia produktif .
ebih dari 18 tahun hingga 59 tahu.
, serta memiliki pengalaman menggunakan perangkat Android dan aplikasi mobile.
Jumlah partisipan ditetapkan berdasarkan teori Au5 usersAy dari Nielsen Norman Group, yang menyatakan bahwa lima pengguna sudah dapat mengungkapkan sekitar 85% permasalahan usability dalam studi kualitatif .
Oleh karena itu, jumlah tersebut dianggap memadai dan sesuai untuk mendukung pengujian aksesibilitas dan usability, sesuai dengan tujuan penelitian ini.
Tahapan Penelitian Prosedur kerja penelitian dilakukan melalui tahapan-tahapan yang saling berkesinambungan untuk memastikan tercapainya tujuan penelitian, sebagai berikut:
Studi Literatur Halaman - 333 Prosiding Seminar Nasional KARSA NUSANTARA Kolaborasi Rekayasa dan Sains Nasional untuk Teknologi.
Riset, dan Kecerdasan Buatan Fakultas Teknik.
Universitas Wijaya Kusuma Surabaya ISSN 3090-1154 (Media Onlin.
Volume 2.
Tahun 2025 Mendalami berbagai konsep subjek dan objek penelitian serta konsep relevan lainnya seperti mengkaji literatur mengenai aksesibilitas digital, prinsip WCAG, screen reader, regulasi, dokumentasi teknis, hambatan pengguna disabilitas netra dalam mengakses aplikasi mobile.
Evaluasi Awal JAKI Tahap ini dimulai dengan pemetaan interaksi pengguna menggunakan activity diagram untuk mengidentifikasi alur dan elemen penting pada fitur berita dan laporan warga.
Kemudian dilakukan accessibility audit awal menggunakan alat bantu seperti Accessibility Scanner serta pengujian manual dengan screen reader TalkBack untuk mengidentifikasi hambatan aksesibilitas pada aplikasi JAKI existing.
Analisis Kebutuhan Langkah selanjutnya, dilakukan analisis kebutuhan pengguna disabilitas dan kebutuhan dari sisi teknis dalam konteks pengembangan aplikasi Android.
Pengembangan dan Evaluasi Awal Prototype Berdasarkan hasil analisis kebutuhan dan temuan dari evaluasi awal, dilakukan perancangan ulang antarmuka pengguna dengan mempertimbangkan prinsip aksesibilitas digital.
Prototype dikembangkan menyerupai aplikasi JAKI versi mobile (Androi.
menggunakan model Setelah prototype awal selesai, dilakukan accessibility audit ulang menggunakan metode yang sama untuk menilai sejauh mana perbaikan aksesibilitas telah dicapai.
Penyempurnaan Prototype Langkah selanjutnya, berdasarkan temuan dari hasil accessibility audit awal prototype yang dibuat dilakukan penyempurnaan prototype untuk lebih memenuhi standar aksesibilitas.
Evaluasi Akhir (Prototype Usability Testin.
Pengujian akhir dilakukan secara manual dengan pengguna disabilitas netra.
Fokus utama evaluasi ini adalah memvalidasi masalah aksesibilitas yang ditemukan sebelumnya dan memastikan prototype yang dikembangkan lebih aksesibel.
Hal ini dicapai melalui penggalian persepsi dan umpan balik pengguna .
serta evaluasi kuantitatif menggunakan SEQ dan SUS.
Tahap ini diakhiri dengan penarikan kesimpulan dan pemberian saran berdasarkan hasil penelitian, sebagaimana yang ditunjukkan pada Gambar 1.
Gambar 1.
Diagram Alir Proses Penelitian Halaman - 334 Prosiding Seminar Nasional KARSA NUSANTARA Kolaborasi Rekayasa dan Sains Nasional untuk Teknologi.
Riset, dan Kecerdasan Buatan Fakultas Teknik.
Universitas Wijaya Kusuma Surabaya ISSN 3090-1154 (Media Onlin.
Volume 2.
Tahun 2025 i.
HASIL DAN PEMBAHASAN
Evaluasi aksesibilitas telah dilakukan pada antarmuka pengguna aplikasi JAKI, khususnya fitur berita dan laporan warga.
Berdasarkan evaluasi tersebut, prototype perbaikan antarmuka pengguna telah dirancang ulang dengan menerapkan prinsip dan standar aksesibilitas pada aplikasi Android.
Temuan Masalah Aksesibilitas di Aplikasi JAKI Existing Berdasarkan hasil evaluasi aksesibilitas awal terhadap antarmuka pengguna aplikasi JAKI pada fitur berita dan laporan warga, didapat kurang lebih 74 permasalahan yang dikelompokkan menjadi 7 kategori utama permasalahan yang berpotensi menghambat interaksi pengguna disabilitas netra.
Permasalahan ini mencakup hambatan dalam memahami, menavigasi, maupun berinteraksi dengan antarmuka pengguna aplikasi.
Adapun tujuh kategori utama permasalahan tersebut adalah sebagai berikut:
Label: Pengguna layanan aksesibilitas, seperti screen reader, sangat bergantung pada label konten untuk memahami makna elemen dalam antarmuka.
Label berfungsi sebagai deskripsi tekstual yang membantu menjelaskan tujuan atau aksi dari suatu elemen antarmuka terutama apabila elemen tersebut berupa ikon grafis tanpa teks pendukung.
Dalam konteks aksesibilitas digital, penyediaan label yang tepat merupakan prasyarat penting agar pengguna disabilitas netra dapat mengakses dan memahami konten secara setara .
Ketiadaan label deskriptif akan membuat elemen tidak terbaca atau dibaca secara ambigu oleh screen reader, sehingga menyulitkan pengguna dalam bernavigasi atau berinteraksi dengan antarmuka aplikasi.
Hal ini melanggar prinsip perceivable dan understandable dalam WCAG khususnya pada Success Criteria 1.
1 Non-text Content, yang mensyaratkan bahwa semua konten non-teks harus memiliki alternatif teks, dan Success Criteria 4.
2 Name.
Role.
Value yang menetapkan bahwa komponen antarmuka pengguna harus memiliki nama .
, peran .
, dan nilai yang dapat diprogram agar dapat diakses oleh assistive technology .
Sebagai contoh, pada antarmuka pengguna aplikasi JAKI dalam fitur berita, ditemukan bahwa tombol ikon bagikan berita tidak memiliki Ketika diuji menggunakan TalkBack, elemen tersebut tidak dapat dikenali, karena hanya dibaca sebagai Autak berlabelAy tanpa keterangan mengenai fungsinya.
Hal ini dapat menyebabkan kebingungan bahkan membuat pengguna disabilitas netra tidak menyadari adanya fungsi berbagi Oleh karena itu, setiap elemen interaktif dalam antarmuka, khususnya ikon atau tombol fungsional, harus diberi label konten yang sesuai untuk memastikan keterpahaman dan aksesibilitas yang setara bagi seluruh pengguna, termasuk pengguna yang mengandalkan teknologi bantu atau layanan aksesibilitas pada perangkat mereka.
Role: Dalam konteks aksesibilitas digital, setiap elemen antarmuka pengguna harus memiliki peran .
semantik yang sesuai agar dapat dikenali dan diinterpretasikan dengan benar oleh teknologi bantu seperti screen reader.
Role berfungsi untuk menginformasikan jenis dan fungsi elemen tersebut, misalnya apakah elemen tersebut merupakan tombol .
, kotak centang .
, gambar .
, switch atau tautan .
Tanpa deklarasi role yang tepat, pengguna dengan gangguan penglihatan yang mengandalkan screen reader tidak dapat memahami interaktivitas suatu elemen atau mungkin keliru dalam menafsirkan fungsinya.
Kesesuaian role merupakan bagian dari prinsip robust dalam WCAG, dan dijelaskan secara spesifik dalam Success Criteria 4.
2 Name.
Role.
Value, yang menyatakan bahwa semua komponen antarmuka pengguna harus memiliki role agar dapat dipahami oleh assistive technology .
Dari hasil evaluasi ditemukan elemen interaktif yang tidak memiliki role yang tidak dikenali oleh TalkBack sebagai komponen yang dapat diklik atau difungsikan.
Contohnya, pada elemen search bar berita.
TalkBack hanya membaca label teks AuCoba cari masuk ke monasAy tanpa menyertakan pengumuman AutombolAy atau search action.
Dalam dokumentasi teknis Android Developers, layanan aksesibilitas seperti TalkBack mengandalkan deklarasi role untuk menyampaikan jenis dan fungsionalitas elemen kepada pengguna .
Ketidakterbacaan role ini berpotensi membuat pengguna tidak menyadari bahwa elemen tersebut bersifat interaktif dan dapat digunakan untuk melakukan suatu tindakan.
Oleh karena itu, pengembang aplikasi perlu memastikan bahwa setiap elemen yang bersifat interaktif diberi role semantik yang eksplisit, agar dapat dikenali oleh teknologi bantu seperti screen reader.
Heading: Judul berfungsi sebagai penanda struktur dan hierarki informasi dalam antarmuka Bagi pengguna dengan gangguan penglihatan yang mengandalkan screen reader, heading merupakan alat bantu navigasi utama untuk memahami susunan konten dalam suatu Tidak adanya heading membuat pengguna kesulitan untuk menemukan informasi dan memahami suatu halaman, yang mengarah pada rasa frustrasi.
Heading yang diterapkan dengan Halaman - 335 Prosiding Seminar Nasional KARSA NUSANTARA Kolaborasi Rekayasa dan Sains Nasional untuk Teknologi.
Riset, dan Kecerdasan Buatan Fakultas Teknik.
Universitas Wijaya Kusuma Surabaya ISSN 3090-1154 (Media Onlin.
Volume 2.
Tahun 2025 tepat dapat mempermudah pengguna untuk melompat dari satu bagian ke bagian lain dengan cepat, tanpa harus membaca seluruh isi layar secara linear.
Dalam pedoman WCAG, penggunaan heading termasuk dalam Success Criteria 2.
6 Headings and Labels, yang menyatakan bahwa heading dan label harus menjelaskan topik atau tujuan secara jelas .
Saat ini, aplikasi JAKI menunjukkan bahwa hampir seluruh halaman tidak memiliki heading.
Akibatnya, saat diuji menggunakan opsi kontrol pembacaan heading pada TalkBack, tidak terdapat indikator struktur yang memungkinkan pengguna untuk menavigasi antar konten menggunakan perintah navigasi heading, karena TalkBack hanya mengumumkan Autidak ada judul berikutnyaAy.
Oleh karena itu, penting untuk menggunakan elemen heading secara tepat sesuai hierarki informasi, guna meningkatkan aksesibilitas dan mendukung prinsip operable yaitu dapat dinavigasi.
Focus and Navigation: Dalam konteks aksesibilitas digital, menyusun urutan aksesibilitas di aplikasi mobile merupakan pertimbangan penting untuk teknologi bantu, yang memastikan urutan logis berdasarkan penempatan dan properti elemen.
Secara default, urutannya harus mengikuti arah dari atas ke bawah dan kiri ke kanan, sebagaimana cara orang normal membaca halaman Navigasi yang konsisten sangat penting bagi pengguna dengan gangguan penglihatan agar dapat menjelajahi aplikasi secara efektif tanpa kehilangan konteks.
Menurut Success Criteria 3 Focus Order dari WCAG, elemen-elemen fokus harus disusun dalam urutan yang bermakna dan konsisten agar pengguna dapat memahami hubungan antar komponen dan tujuan navigasi dengan lebih baik .
Ditemukan saat evaluasi pada fitur laporan warga di halaman tinjau laporan bahwa terdapat elemen dengan urutan fokus yang tidak logis.
Pada bagian kotak Aulokasi laporanAy, saat dinavigasikan menggunakan TalkBack, urutan fokus mengarahkan ke Autombol gantiAy terlebih dahulu, padahal seharusnya detail alamat laporan dibacakan sebelum tombol tersebut.
Irrelevant View: Elemen tampilan yang tidak relevan atau tidak memiliki makna .
rrelevant vie.
bagi pengguna, khususnya pengguna dengan disabilitas penglihatan, dapat menyebabkan kebingungan serta memperbesar beban kognitif saat menjelajahi antarmuka aplikasi menggunakan screen reader.
TalkBack membaca semua elemen antarmuka, termasuk elemen visual yang secara fungsional tidak berarti bagi pengguna, jika elemen tersebut tidak dikelola dengan benar secara Hal ini melanggar prinsip perceivable dan understandable dalam WCAG dan memiliki relevansi dengan Success Criteria 1.
1 Info and Relationships, elemen visual yang tidak bermakna namun tetap dibaca oleh screen reader menunjukkan bahwa struktur semantik tidak diatur dengan benar dan justru akan membingungkan pengalaman navigasi pengguna.
Seharusnya, hubungan semantik perlu ditentukan agar hanya elemen yang bermakna yang dijadikan bagian dari urutan aksesibilitas .
Contohnya, pada halaman informasi terkini dari fitur berita, terdapat gambar logo JSC yang terbaca oleh TalkBack padahal ini adalah elemen dekoratif atau elemen yang tidak menyampaikan informasi penting ditambah gambar tersebut terindikasi sebagai role tombol seolah-olah terbaca sebagai elemen yang memiliki fungsional.
Akibatnya, pengguna screen reader harus melewati elemen-elemen ini secara manual, yang memperlambat proses navigasi dan menimbulkan kebingungan.
Contrast Error: Kontras yang tidak memadai antara elemen antarmuka pengguna suatu aplikasi dapat memengaruhi seberapa mudah pengguna dapat membaca, menemukan, dan memahami elemen-elemen tersebut .
Kontras warna yang memadai antara teks dan latar belakang merupakan salah satu prinsip dasar dalam desain antarmuka pengguna yang aksesibel.
Bagi pengguna dengan gangguan penglihatan, termasuk low vision atau buta warna parsial, rasio kontras yang rendah dapat menyulitkan dalam membedakan teks dari latar belakang, sehingga menghambat akses terhadap informasi .
Oleh karena itu, pemenuhan terhadap standar rasio kontras menjadi krusial untuk memastikan konten dapat terbaca oleh seluruh pengguna.
Menurut Success Criteria 1.
3 Contrast (Minimu.
, teks dan gambar yang memuat teks harus memiliki rasio kontras minimal 4,5:1 untuk teks berukuran normal, dan untuk teks yang besar .
i atas 24 pikse.
atau tebal dan di atas 19 piksel, cukup dengan rasio 3:1.
Sedangkan Success Criteria 1.
Non-text Contrast untuk komponen non-teks harus memenuhi rasio kontras minimum 3:1 terhadap latar belakang atau elemen di sekitarnya .
Kegagalan memenuhi standar aksesibilitas tersebut dapat menyebabkan hambatan bagi pengguna, terutama mereka yang mengandalkan penglihatan sisa atau mengalami kelelahan mata .
Contohnya pada halaman atur lokasi laporan, pada teks informasi mengenai jumlah langkah membuat laporan yang berwarna abu-abu cukup terang (#7483A.
di atas latar belakang putih memiliki rasio kontras 3,82:1, yang secara signifikan lebih Halaman - 336 Prosiding Seminar Nasional KARSA NUSANTARA Kolaborasi Rekayasa dan Sains Nasional untuk Teknologi.
Riset, dan Kecerdasan Buatan Fakultas Teknik.
Universitas Wijaya Kusuma Surabaya ISSN 3090-1154 (Media Onlin.
Volume 2.
Tahun 2025 rendah dari ketentuan minimum untuk elemen berupa teks.
Hal ini menyulitkan pengguna dalam membaca konten tersebut, terlebih jika perangkat digunakan dalam kondisi pencahayaan terang.
Touch Target Size: Target sentuh yang terlalu kecil atau terlalu rapat dapat menyulitkan pengguna dalam mengoperasikan elemen interaktif.
Hal ini memerlukan usaha ekstra dari pengguna.
Gagal menyentuh tombol dengan sukses dapat menghambat penggunaan aplikasi secara keseluruhan .
Menurut Success Criteria 2.
8 Target Size (Minimu.
, tombol, tautan, dan elemen interaktif lainnya harus memiliki ukuran minimal 24x24 piksel CSS atau pada Android 48x48 densityindependent pixels .
Standar ini bertujuan untuk memastikan bahwa pengguna dapat dengan mudah mengakses dan menekan elemen interaktif tanpa kesalahan yang disebabkan oleh ukuran target yang terlalu kecil.
Salah satu contohnya ditemukan elemen interaktif seperti ikon AushareAy dan AubookmarkAy pada halaman detail berita yang memiliki ukuran area sentuh lebih kecil dari standar minimum.
Selain ukurannya yang terbatas, elemen-elemen tersebut juga saling berdekatan, meningkatkan kemungkinan pengguna salah tekan, khususnya pada perangkat dengan layar kecil.
Walaupun permasalahan ini tidak secara langsung memengaruhi pengguna dengan gangguan penglihatan yang mengandalkan screen reader seperti TalkBack, karena navigasi mereka lebih banyak bergantung pada urutan yang logis dan berbasis suara, namun ukuran touch target tetap menjadi aspek penting dalam memastikan aksesibilitas secara menyeluruh.
Hal ini dikarenakan sebagian pengguna disabilitas netra atau low vision juga dapat memiliki disabilitas ganda, seperti gangguan mobilitas, atau pengguna yang menggunakan perangkat layar yang kecil.
Temuan-temuan ini menunjukkan bahwa masih terdapat kesenjangan signifikan dalam penerapan prinsip dan standar aksesibilitas pada antarmuka pengguna aplikasi JAKI terutama pada fitur berita dan laporan warga.
Oleh karena itu, perbaikan pada aspek-aspek tersebut perlu dalam pengembangan antarmuka pengguna yang aksesibel dan ramah disabilitas.
Analisis Kebutuhan Berdasarkan masalah aksesibilitas yang ditemukan pada aplikasi JAKI existing, peneliti menganalisis kebutuhan pengguna disabilitas dan kebutuhan teknis.
Tujuannya adalah untuk mendukung proses pengembangan prototype perbaikan ntarmuka pengguna JAKI yang lebih aksesibel dan ramah disabilitas, khususnya pada fitur berita dan laporan warga.
Hasil analisis ini terangkum pada Tabel 1.
Tabel 1.
Hasil Analisis Kebutuhan No.
Analisis Kebutuhan Data Kebutuhan pengguna disabilitas Kebutuhan perangkat keras Kebutuhan perangkat lunak Pengguna screen reader membutuhkan informasi pada elemen teks atau nonteks seperti gambar, ikon, elemen interaktif lainnya dalam bentuk label yang jelas, sehingga mereka dapat memahami fungsi dan konteks elemen tersebut.
Pengguna screen reader membutuhkan peran .
semantik yang tepat agar elemen antarmuka dapat dikenali dan diumumkan dengan akurat.
Pengguna membutuhkan struktur heading yang logis untuk memahami hierarki informasi dan mempermudah navigasi dengan teknologi bantu.
Pengguna screen reader memerlukan alur navigasi yang logis, agar dapat menavigasi antarmuka secara urut, mudah dipahami tanpa kehilangan konteks.
Pengguna membutuhkan antarmuka yang bebas dari elemen visual yang tidak bermakna atau dekoratif namun tetap dibaca oleh screen reader.
Pengguna memerlukan kontras antara warna latar depan dan latar belakang memenuhi atau melampaui rasio yang disarankan W3C.
Pengguna memerlukan ukuran touch target pada setiap elemen di layar yang dapat diklik, disentuh, atau diinteraksikan .
inimal 48x48 pikse.
agar lebih mudah diakses tanpa kesalahan sentuhan atau membutuhkan usaha ekstra.
Laptop dengan chip Apple M1.
Memory RAM 8 GB.
Smartphone OS Android minimal versi 7.
0 dengan RAM minimal 2 GB.
Sistem operasi macOS Sonoma versi 14.
Accessibility Scanner dan Google TalkBack.
Colour Contrast Analyser (CCA) IDE Android Studio versi Koala 2024.
Front-end dengan Kotlin dan Android View XML.
Back-end dengan Google Firebase & Room Database.
Virtual device OS Android versi 7.
0 minimal Android API 24 atau lebih tinggi.
Halaman - 337 Prosiding Seminar Nasional KARSA NUSANTARA Kolaborasi Rekayasa dan Sains Nasional untuk Teknologi.
Riset, dan Kecerdasan Buatan Fakultas Teknik.
Universitas Wijaya Kusuma Surabaya ISSN 3090-1154 (Media Onlin.
Volume 2.
Tahun 2025 Evaluasi Awal dan Penyempurnaan Prototype Prototype perbaikan antarmuka pengguna dalam bentuk aplikasi Android telah dikembangkan berdasarkan hasil temuan evaluasi aksesibilitas aplikasi JAKI existing serta hasil analisis kebutuhan.
Untuk memastikan prototype perbaikan ini lebih sesuai dengan prinsip dan standar aksesibilitas perlu dilakukan evaluasi aksesibilitas kembali untuk melihat sejauh mana prototype perbaikan sudah memenuhi standar aksesibilitas pada aplikasi Android.
Hasil evaluasi aksesibilitas awal terhadap prototype, ditemukan 17 masalah aksesibilitas yang tidak memenuhi standar aksesibilitas pada platform aplikasi Android.
Permasalahan tersebut antara lain seperti contrast error pada elemen teks dan ukuran touch target tombol yang masih belum memenuhi standar minimum 48x48 piksel.
Temuan dari hasil evaluasi ini digunakan sebagai acuan dasar bagi peneliti dalam melakukan penyempurnaan prototype perbaikan agar lebih sesuai dalam memenuhi standar aksesibilitas yang direkomendasikan.
Penyempurnaan ini dilakukan sebelum tahap uji coba langsung dengan pengguna disabilitas netra.
Hasil akhir dari penyempurnaan prototype perbaikan aplikasi Android pada kedua fitur ditampilkan pada Gambar 2.
Gambar 2.
Tampilan Akhir Prototype Perbaikan Aplikasi JAKI Evaluasi Akhir Prototype dengan Pengguna Disabilitas Netra Setelah prototype disempurnakan, dilakukan pengujian aksesibilitas sebagai bagian dari pengujian Pengujian ini berfokus pada aspek kepuasan pengguna .
ser satisfactio.
dengan tujuan utama yaitu memvalidasi permasalahan aksesibilitas yang sebelumnya telah diidentifikasi, serta memastikan bahwa prototype yang dikembangkan memiliki tingkat aksesibilitas yang lebih baik.
Metode yang digunakan adalah pengujian usability kualitatif dan kuantitatif dengan pendekatan task-based scenario.
Partisipan diminta menyelesaikan 7 tugas .
dengan tujuan tiap tugas yang dapat dilihat pada Tabel 2.
Tabel 2.
Daftar Tugas Usability Testing No.
Tugas Cari dan baca berita UP JSC Cari dan baca berita Berita Jakarta Cari berita dengan fitur search bar Bagikan .
berita Sukai .
berita Simpan dan akses .
berita Buat laporan foto Tujuan Mengukur kemudahan pengguna dalam menemukan dan membaca konten berita UP JSC, serta menilai aksesibilitas navigasi dan pemahaman konten.
Mengukur kemudahan pengguna dalam menemukan dan membaca konten Berita Jakarta, serta menilai aksesibilitas navigasi dan pemahaman konten.
Mengukur kemudahan pengguna dan menilai aksesibilitas fitur pencarian dengan memasukkan kueri pencarian untuk mencari berita tertentu.
Mengukur kemudahan pengguna dan menilai aksesibilitas fitur bagikan .
dalam alur membagikan berita ke aplikasi atau media lain.
Mengukur kemudahan pengguna dan menilai aksesibilitas elemen interaktif tombol AusukaAy dapat dikenali dan digunakan oleh pengguna screen reader.
Mengukur kemudahan pengguna dan menilai aksesibilitas fitur simpan, mulai dari alur menyimpan hingga mengakses kembali berita yang telah disimpan.
Mengukur kemudahan pengguna dan aksesibilitas pada setiap halaman dalam alur pembuatan laporan foto, dari awal hingga akhir.
Pengujian ini melibatkan lima .
orang pengguna disabilitas netra .
ow vision dan totally blin.
yang merupakan anggota DPD PERTUNI DKI Jakarta.
Seluruh partisipan merupakan pengguna aktif perangkat Android dan terbiasa menggunakan screen reader TalkBack dalam aktivitas sehari-hari.
Selama proses pengujian, dilakukan observasi langsung terhadap interaksi pengguna dengan prototype, pencatatan terhadap hambatan yang muncul, serta wawancara singkat setelah masing-masing tugas .
ost-task intervie.
untuk menggali kesan dan pengalaman pengguna terhadap prototype perbaikan.
Pertanyaan inti .
ey question.
yang ditanyakan saat sesi wawancara ditampilkan pada Tabel 3.
Halaman - 338 Prosiding Seminar Nasional KARSA NUSANTARA Kolaborasi Rekayasa dan Sains Nasional untuk Teknologi.
Riset, dan Kecerdasan Buatan Fakultas Teknik.
Universitas Wijaya Kusuma Surabaya ISSN 3090-1154 (Media Onlin.
Volume 2.
Tahun 2025 Tabel 3.
Daftar Pertanyaan Inti Usability Testing No.
Aspek Evaluasi Pertanyaan Masukan Umum & Saran Perbaikan Navigasi & Alur Interaksi Kemudahan Akses Informasi Apakah Anda mengalami kesulitan saat melakukan alur tugas tadi? Bila iya, bagian mana yang terasa membingungkan atau menyulitkan? Menurut Anda, apakah informasi dari setiap halaman atau proses pada alur tugas tadi sudah cukup jelas? Apakah deskripsi dan label pada halaman tersebut cukup jelas dan mudah Apakah ada kata atau frasa yang menurut Anda membingungkan atau kurang Dari 1Ae7, di mana 1 sangat sulit dan 7 sangat mudah, seberapa mudah Anda melakukan tugas tersebut? Kejelasan Desain & Bahasa Tingkat Kemudahan Tugas (SEQ) Bagaimana dengan alur dari proses yang sudah dilakukan tadi, apakah ada masukan atau komentar? Ada yang bisa diperbaiki pada halaman X? Berikut adalah hasil pengujian usability yang menyajikan hasil analisis data kualitatif berupa user feedback yang didapatkan dari wawancara singkat yang ditampilkan pada Tabel 4.
Tabel 4.
Temuan dan Insight Usability Testing No.
Tugas Temuan / Masalah / Masukan .
ika ad.
Cari dan baca berita UP JSC Cari dan baca berita Berita Jakarta Cari berita dengan fitur search bar Bagikan .
berita Sukai .
berita Simpan dan akses .
berita Buat laporan foto - Menunjukkan hasil positif dalam navigasi, keterbacaan screen reader, dan pengalaman pengguna secara keseluruhan.
- Menunjukkan hasil positif dalam navigasi, keterbacaan screen reader, dan pengalaman pengguna secara keseluruhan.
- Pengguna totally blind ternyata memerlukan fitur pencarian berbasis suara untuk kemudahan pencarian.
- Menunjukkan hasil positif dalam navigasi, keterbacaan screen reader, dan pengalaman pengguna secara keseluruhan.
- Menunjukkan hasil positif dalam navigasi, keterbacaan screen reader, dan pengalaman pengguna secara keseluruhan.
- Tombol "Berita Disimpan" ambigu .
bagi pengguna karena tidak jelas apakah tujuannya untuk menyimpan atau melihat berita yang disimpan.
- Pengguna totally blind ternyata memerlukan fitur rekaman suara .
oice not.
untuk merekam suara latar di lokasi kejadian sebagai alternatif pengambilan foto laporan.
Single Ease Question (SEQ) adalah kuesioner satu pertanyaan yang mengukur kemudahan penggunaan setelah setiap tugas dilakukan, sehingga menghasilkan penilaian akurat.
Dengan skor rata-rata SEQ 6,7 dari 7, prototype perbaikan dinilai sudah sangat mudah digunakan.
Rincian nilai lebih lanjut dapat dilihat pada Tabel 5.
Tabel 5.
Hasil Analisis Nilai SEQ Usability Testing Inisial Tugas 1 Tugas 2 Tugas 3 Tugas 4 Tugas 5 Tugas 6 Tugas 7 Rata-rata tiap tugas Rata-rata SEQ Sementara itu.
System Usability Scale (SUS) adalah kuesioner pasca-pengujian yang terdiri dari 10 pertanyaan untuk menilai aspek kepuasan pengguna .
ser satisfactio.
suatu sistem.
Dari hasil analisis perhitungan kuesioner SUS, diperoleh skor rata-rata SUS dari partisipan selama pengujian prototype perbaikan dengan besaran 80 yang artinya sistem tersebut tergolong dalam kategori AubaikAy hingga Ausangat baikAy .
ood to excellen.
dan dapat diterima oleh pengguna .
Halaman - 339 Prosiding Seminar Nasional KARSA NUSANTARA Kolaborasi Rekayasa dan Sains Nasional untuk Teknologi.
Riset, dan Kecerdasan Buatan Fakultas Teknik.
Universitas Wijaya Kusuma Surabaya ISSN 3090-1154 (Media Onlin.
Volume 2.
Tahun 2025 IV.
KESIMPULAN
Berdasarkan hasil evaluasi awal terhadap antarmuka pengguna aplikasi JAKI existing pada fitur berita dan laporan warga, ditemukan tujuh kategori utama permasalahan aksesibilitas.
Permasalahan tersebut meliputi: elemen tanpa label sehingga tidak terbaca oleh screen reader, elemen tanpa deklarasi peran .
, ketiadaan struktur heading, urutan fokus dan navigasi yang tidak logis, elemen yang tidak relevan, kesalahan kontras yang belum memenuhi rasio kontras minimum, serta ukuran touch target yang belum sesuai standar minimal 48x48 piksel.
Temuan ini menunjukkan bahwa versi aplikasi JAKI yang ada saat ini belum sepenuhnya memenuhi prinsip dan standar aksesibilitas, khususnya untuk pengguna dengan Sebagai tindak lanjut, peneliti merancang dan mengembangkan prototype perbaikan antarmuka baru dengan berpedoman pada prinsip WCAG dan standar aksesibilitas aplikasi Android.
Prototype ini diuji secara langsung oleh lima pengguna disabilitas netra .
ow vision-totally blin.
dan menunjukkan hasil yang positif, baik dari sisi kemudahan navigasi, keterbacaan dengan screen reader, maupun peningkatan pengalaman pengguna secara keseluruhan.
Hasil pengujian usability dengan SEQ .
ata-rata 6,.
dan SUS .
ata-rata .
menunjukkan bahwa prototype mudah digunakan, masuk kategori "baik hingga sangat baik", serta memenuhi standar usability yang memuaskan dan dapat diterima.
Penelitian ini membuka peluang pengembangan lebih lanjut dalam skala yang lebih luas.
Prototype perbaikan yang telah diuji beserta umpan balik pengguna dapat dijadikan dasar untuk mengembangkan versi aplikasi yang fungsional dan diintegrasikan secara resmi ke dalam sistem JAKI oleh Unit Pengelola Jakarta Smart City.
Penelitian lanjutan disarankan melibatkan lebih banyak ragam disabilitas, serta menguji aksesibilitas fitur lain guna mewujudkan layanan digital publik yang lebih inklusif.
REFERENSI