Evaluasi Kontras Warna pada Smart LMS Berdasarkan Standar WCAG
DOI:
https://doi.org/10.55382/jurnalpustakadata.v6i4.2040Kata Kunci:
aksesibilitas, kontras warna, Smart LMS, WCAG 2.2, evaluasiAbstrak
Aksesibilitas visual platform Learning Management System (LMS) sangat krusial bagi keberhasilan transfer pengetahuan digital. Smart LMS merupakan platform edukasi lokal di Teknik Informatika UIN Malang yang belum pernah dievaluasi aspek kontras warnanya. Penelitian ini bertujuan mengaudit kepatuhan kontras warna Smart LMS berdasarkan standar WCAG 2.2 (SC 1.4.1, SC 1.4.3, SC 1.4.11). Metode yang digunakan adalah kuantitatif deskriptif melalui pengujian teknis murni (desk-based evaluation). Data kode warna Hexadecimal (#HEX) diekstraksi dari 24 elemen visual di 6 halaman utama menggunakan Accessibility Inspector peramban. Hasil analisis kuantitatif menunjukkan tingkat kepatuhan global mencapai 70,84% (41,67% Level AAA dan 29,17% Level AA), sedangkan 29,16% elemen dinyatakan gagal (Fail). Secara kualitatif, halaman dengan skema dark mode murni berkinerja sempurna (kegagalan 0%). Namun, halaman detail tugas menjadi area paling kritis dengan tingkat kegagalan 80% akibat degradasi kontras informasi tenggat waktu hingga rasio 2.35:1 yang dipicu oleh kesalahan implementasi opasitas CSS. Temuan ini menunjukkan bahwa estetika modern sering kali mengabaikan batas keterbacaan pengguna low vision. Penelitian ini memberikan rekomendasi perbaikan skema warna bagi pengembang untuk menciptakan antarmuka platform yang lebih inklusif.
Unduhan
Referensi
D. Fithriyaningrum, S. S. Kusumawardani, and S. Wibirama, "Accessibility Analysis of Learning Management System Websites," IJID (International Journal on Informatics for Development), vol. 11, no. 1, 2022.
G. C. I. Satheno and A. C. Frobenius, "Analysis of User Experience (UX) of Serif and Sans Serif Fonts in Dark Mode Website Display," Jurnal Sosial dan Teknologi (SOSTECH), 2025.
A. Olejnik-Krugly, A. Lewandowska, M. Dzisko, and J. Jankowski, "Contrast Computation for Improved Visibility and User Experience in Educational Interfaces," Faculty of Computer Science and Information Technology, West Pomeranian University of Technology, 2023.
Z. Maulidati, B. D. Meilani, and A. Sodik, "Evaluating LMS Usability by Integrating Nielsen and Budd Principles," Journal of Artificial Intelligence and Software Engineering, vol. 5, no. 3, 2025.
A. Jamil and G. Denes, "Investigating Color Blind User Interface Accessibility via Simulated Interfaces," Preprints, 2024.
S. R. Henim, I. Muslim, and R. P. Sari, "Penerapan Website Accessibility Conformance Evaluation Methodology (WCAG-EM) Untuk Mengukur Accessibility Website BP3M Politeknik Caltex Riau," INTECOMS: Journal of Information Technology and Computer Science, vol. 6, no. 1, 2023.
W3C, "Understanding Success Criterion 1.4.11: Non-text Contrast," W3C on GitHub, 2026.
W3C, "Understanding Success Criterion 1.4.11: Non-text Contrast," W3C on GitHub, 2026.
W3C, "Understanding Success Criterion 1.4.11: Non-text Contrast," WAI - W3C, 2026.
W3C, "Understanding Success Criterion 1.4.1: Use of Color," WAI - W3C, 2025.
W3C, "Understanding Success Criterion 1.4.3," Understanding WCAG 2.0 - W3C, 2023.
W3C, "Understanding Success Criterion 1.4.3: Contrast (Minimum)," W3C, 2023.
W3C, "Understanding Success Criterion 1.4.3: Contrast (Minimum)," WAI - W3C, 2026.
W3C, "Understanding Success Criterion 1.4.6: Contrast (Enhanced)," WAI - W3C, 2026.
WebAIM, "Understanding WCAG 2 Contrast and Color Requirements," WebAIM, 2021.
Stark Lab, Inc., "WCAG Non-text Contrast Explained," Stark Framework, 2026.
Deque University, "Web Accessibility Checklist, Based on WCAG 2.2 AA," Deque University, 2023.
W3C, "Web Accessibility Evaluation Tools List," W3C, 2020.
W3C, "Web Content Accessibility Guidelines (WCAG) 2.2," W3C Recommendation, 2024.
A. Jamil and G. Denes, "Investigating Color-Blind User-Interface Accessibility via Simulated Interfaces," Computers, vol. 13, no. 2, Art. no. 53, Feb. 2024, doi: 10.3390/computers13020053.
C. Geddes, E. C. Eggertson, J. Sutton, and G. W. Tigwell, "Designing for Colour Vision Deficiency: A Scoping Review of Resources That Support Designers in Choosing Accessible Colours," in Proceedings of the 27th International ACM SIGACCESS Conference on Computers and Accessibility (ASSETS '25), Denver, CO, USA, Oct. 2025.
A. R. Lalitha, "Perceptually-Minimal Color Optimization for Web Accessibility: A Multi-Phase Constrained Approach," arXiv preprint arXiv:2512.05067, Dec. 2025.
A. R. Lalitha, "Context-Adaptive Color Optimization for Web Accessibility: Balancing Perceptual Fidelity and Functional Requirements," arXiv preprint arXiv:2512.07623, Dec. 2025.
T. Kang, Joseph K J, C. Tensmeyer, J. Kil, W. Zhu, M. C. Lin, and V. I. Morariu, "Text-Conditioned Background Generation for Editable Multi-Layer Documents," arXiv preprint arXiv:2512.17151, Dec. 2025.
##submission.downloads##
Diterbitkan
Cara Mengutip
Terbitan
Bagian
Lisensi
Hak Cipta (c) 2026 Muktibaskara Kusbianto, Syahiduz Zaman
Artikel ini berlisensi Creative Commons Attribution 4.0 International License.
