Penerapan Web Content Accessibility Guidelines dan Design Thinking dalam Perancangan UI/UX Aplikasi Ujian Online
DOI:
https://doi.org/10.35746/jtim.v8i1.701Keywords:
accessibility, design thinking, usability, Web Content Accessibility Guidelines (WCAG), online examinationAbstract
The most significant change in education due to the pandemic is the implementation of online evaluation methods. Online exams provide students with the flexibility to take tests from any lo-cation. Although online examinations offer flexibility for learners to participate from any loca-tion, their implementation still faces various challenges, such as the potential for cheating, tech-nical disruptions, and limited accessibility for users with diverse physical conditions and digital competencies. These issues highlight the need for designing online examination interfaces that are not only easy to use but also inclusive. This study aims to design the user interface and user expe-rience by employing the design thinking approach and applying the Web Content Accessibility Guidelines (WCAG) to enhance interface accessibility starting from the design phase. The WCAG 2.0 standard, developed by the W3C, is applied as a guideline for meeting accessibility require-ments. The WCAG principles implemented include perceivability, operability, understandability, and robustness. Usability testing on the prototype was conducted using the System Usability Scale (SUS), scoring 69. This score indicates that the designed prototype falls into the "marginal high" category within the acceptability range. Accessibility testing using Axe for Designers indi-cated that, overall, the prototype met accessibility requirements. The results also show that inte-grating WCAG 2.0 principles during the design stage effectively enhances the accessibility of the user interface.
Downloads
References
I. Magdalena, H. N. Fauzi, and R. Putri, “Pentingnya Evaluasi Dalam Pembelajaran Dan Akibat Memani-pulasinya,” Jurnal Pendidikan dan Sains, vol. 2, no. 2, pp. 244–257. 2020, https://ejournal.stitpn.ac.id/index.php/bintang/article/view/986
N. K. Palaloi, M. M. Fauziah, and N. Syamsiyah, “Efektivitas Aplikasi Exam Browser dalam Evaluasi Pem-belajaran di SMA Muhammadiyah 4 Cawang,” Jurnal Sinestesia, vol. 13, no. 2, pp. 1382–1388, 2023, https://sinestesia.pustaka.my.id/journal/article/view/512
M. Hartnett, P. Butler, and P. Rawlins, “Online proctored exams and digital inequalities during the pandemic,” Aug. 01, 2023, John Wiley and Sons Inc. https://doi.org/10.1111/jcal.12813.
Krisnawati, M. Hayaty, B. Setiaji, and A. Setyanto, “First Time User Experience Assessment on Web based Online Examination,” in 2019 International Conference on Information and Communications Technology (ICOI-ACT), Yogyakarta: IEEE, Jul. 2019, pp. 829–834. https://doi.org/10.1109/ICOIACT46704.2019.8938550.
A. Ismail and K. S. Kuppusamy, “Web accessibility investigation and identification of major issues of higher education websites with statistical measures: A case study of college websites,” Journal of King Saud University - Computer and Information Sciences, vol. 34, no. 3, pp. 901–911, 2022, https://doi.org/10.1016/j.jksuci.2019.03.011.
S. F. Verkijika and L. De Wet, “Accessibility of South African university websites,” Univers Access Inf Soc, vol. 19, no. 1, pp. 201–210, Mar. 2020, https://doi.org/10.1007/s10209-018-0632-6.
J. James. Garrett, The elements of user experience : user-centered design for the Web and beyond, 2nd ed. California: New Riders, 2011.
Q. Jafar Adrian and R. Nur Devija, “Jurnal Manajemen Informatika (JAMIKA) Penerapan Sistem Informasi Administrasi Perpustakaan Menggunakan Model Desain User Experience,” Jurnal Manajemen Informatika (JA-MIKA), vol. 11, no. 1, pp. 24–36, 2021, https://doi.org/10.34010/jamika.v11i1.
S. Horton and W. Quensenbery, A Web for Everyone, 1st ed. Brooklyn, New York: Rosenfeld Media, LLC, 2013.
M. Campoverde-Molina, S. Luján-Mora, and L. Valverde, “Accessibility of university websites worldwide: a systematic literature review,” Mar. 01, 2023, Springer Science and Business Media Deutschland GmbH. https://doi.org/10.1007/s10209-021-00825-z.
A. K. Nadhif, D. T. W. Jati, Muh. F. Hussein, and I. S. Widiati, “Perancangan UI/UX Aplikasi Penjualan Dengan Pendekatan Design Thinking,” Jurnal Ilmiah IT CIDA, vol. 7, no. 1, pp. 44–55, 2021, https://doi.org/10.55635/jic.v7i1.146.
M. Yıldız, M. Berigel, F. Kalyoncu, and Ö. Özgenç Keleş, “Usability Evaluation of the Online Skill Assessment Tool,” Acta Infologica, vol. 0, no. 0, pp. 0–0, 2022,https://doi.org/10.26650/acin.1077400.
H. Nurhidayat, M. I. Aminudin, T. Hidayat, A. Soderi, and S. Samroh, “Comparative Analysis Of Web-Based Exam Applications Between KITA CBT And Woka Cbt At As-Shofa Vocational High School, Tasikmalaya,” vol. 1, no.2, pp. 48-56, 2025, https://journal.zmsadra.or.id/index.php/mjti/article/view/124
A. Bocevska, S. Savoska, B. Ristevski, and N. Blazheska-Tabakovska, “Analysis of Accessibility of the e-Learning Platforms According to the WCAG 2.0 Standard Compliance,” in PROCEEDINGS OF THE 8th IN-TERNATIONAL CONFERENCE ON APPLIED INTERNET AND INFORMATION TECHNOLOGIES, Prof. Sasho Korunovski, PhD, Rector “St Kliment Ohridski” University - Bitola Republic of Macedonia, 2018, pp. 26–31. https://doi.org/10.20544/AIIT2018.P06.
E. Buehler, W. Easley, A. Poole, and A. Hurst, “Accessibility barriers to online education for young adults with intellectual disabilities,” in W4A 2016 - 13th Web for All Conference, Association for Computing Machinery, Inc, 2016. https://doi.org/10.1145/2899475.2899481.
IxDF - Interaction Design Foundation, “What is Design Thinking?” Accessed: Dec. 04, 2025. https://www.interaction-design.org/literature/topics/design-thinking
W. S. L. Nasution and P. Nusa, “UI/UX Design Web-Based Learning Application Using Design Thinking Meth-od,” ARRUS Journal of Engineering and Technology, vol. 1, no. 1, pp. 18–27, 2021, https://doi.org/10.35877/jetech532.
D. Haryuda Putra, M. Asfi, and R. Fahrudin, “Perancangan Ui/Ux Menggunakan Metode Design Thinking Ber-basis Web Pada Laportea Company,” 2021.
W3C, “Introduction to Understanding WCAG 2.0.” Accessed: Jan. 25, 2025. https://www.w3.org/TR/UNDERSTANDING-WCAG20/intro.html
IxDF- Interaction Design Foundation, “What are The Web Content Accessibility Guidelines (WCAG)?” Accessed: Dec. 05, 2025. https://www.interaction-design.org/literature/topics/web-content-accessibility-guidelines
J. Brooke, “SUS: A quick and dirty usability scale System Usability Scale View project Decision Making in Gen-eral Practice View project,” Usability evaluation in industry, vol. 189, no. 194, pp. 4–7, 1996.
J. Brooke, “SUS: a retrospective,” J Usability Stud, vol. 8, no. 2, pp. 29–40, 2013.
R. P. Sari and S. R. Henim, “The application of system usability scale method to measure the usability of elec-tronic learning system (e-learning) of politeknik caltex riau,” ILKOM Jurnal Ilmiah, vol. 13, no. 3, pp. 266–271, 2021, https://doi.org/10.33096/ilkom.v13i3.920.266-271.
Downloads
Published
Issue
Section
License
Copyright (c) 2026 Silvana Rasio Henim, Erzi Hidayat, Maksum Ro'is Adin Saf

This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.




