Application of WCAG Standards as a Basis for Visual Design Assessment in Running Applications
Article Sidebar
Main Article Content
Abstract
This research studied how accessible running apps are visually, utilizing the Web Content Accessibility Guidelines (WCAG). The purpose of this study was to test four UI elements, buttons, icons, text, and labels and provide recommendations for their visual accessibility. This study was of a quantitative audience, looking at color contrast ratios for moving text over backgrounds while at the same time looking at compliance with the WCAG AAA and AA standards when testing UI elements from all three apps. Data was collected from the Strava, Nike Run, and Adidas Running apps in the Home, Activity Tracking, and Result/Summary screens. The results indicated that the primary UI elements, primary buttons and any numeric displays, were found to mostly pass the AAA and AA WCAG billing standards, while secondary UI elements, unit labels, routes map lines, and subtexts, were often found to not pass the AAA standards, and in some cases did not even pass the AA standards. This study provides designer resources, such as heat maps and tables that show pass/fail ratios for each UI element. This study demonstrates that WCAG was an effective basis for developing an accessible visual design that supported readable text which engaged all users. This study also helped by blending accessible visual design evaluation within WCAG framework for running app interfaces.
Article Details
This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.
This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.
References
Acosta-Vargas, P., Zarate-Estrella, S., Mantilla-Vaca, F., Novillo-Villegas, S., Chimbo, C., & Luján-Mora, S. (2021) ‘Towards Accessibility and Inclusion of Native Mobile Applications Available for Ecuador in Google Play Store. Sustainability 2021, Vol. 13, Page 11237, 13(20), 11237. https://doi.org/10.3390/SU132011237’.
Del Aguila Dominguez, M., Añape Ríos, J. I., & Rada Mota, L.C. (2023) ‘Systematic Review on Mobile Application Interface Design for the Visually Impaired Community. https://doi.org/10.18687/LEIRD2024.1.1.323’.
Bano, T., Wolffsohn, J. S., & Sheppard, A.L. (2024) ‘Assessment of visual function using mobile Apps. Eye 2024 38:12, 38(12), 2406–2414. https://doi.org/10.1038/s41433-024-03031-2’.
Barisch-Fritz, B., Nigg, C. R., Barisch, M., & Woll, A. (2023) ‘App development in a sports science setting: A systematic review and lessons learned from an exemplary setting to generate recommendations for the app development process. Frontiers in Sports and Active Living, 4, 1012239. https://doi.org/10.3389/FSPOR.20’.
Handriyantini, E., & Salem, S. (2025) ‘DESIGNING USER EXPERIENCES IN CASUAL GAMES TO ENHANCE PRODUCT KNOWLEDGE. JITK (Jurnal Ilmu Pengetahuan Dan Teknologi Komputer), 10(3), 488–495. https://doi.org/10.33480/JITK.V10I3.5761’.
Lewandowska, A., Olejnik-Krugly, A., Jankowski, J., & Dziśko, M. (2021) ‘Subjective and Objective User Behavior Disparity: Towards Balanced Visual Design and Color Adjustment. Sensors 2021, Vol. 21, Page 8502, 21(24), 8502. https://doi.org/10.3390/S21248502’.
Moghaddam-Banaem, L., Ahmadi, S., Hossainpour, S., & Rahimi, R. (2022) ‘Quality Assessment and Content Analysis of Persian Mobile Health Applications for Maternity Care on Android Platforms. https://doi.org/10.21203/rs.3.rs-1692727/v1’.
Osman, R., & Hwang, F.E.- (2021) ‘Commerce Design by Older Adults: The Selection and Placement of Web Objects on Shopping Sites. Frontiers in Computer Science, 3, 631241. https://doi.org/10.3389/FCOMP.2021.631241/BIBTEX’.
Perrig, S. A. C., Ueffing, D., Opwis, K., & Brühlmann, F. (2023) ‘Smartphone app aesthetics influence users’ experience and performance. Frontiers in Psychology, 14, 1113842. https://doi.org/10.3389/FPSYG.2023.1113842/BIBTEX’.
Pires, I. M., Marques, G., Garcia, N. M., Flórez-revuelta, F., Ponciano, V., & Oniani, S. (2020) ‘A Research on the Classification and Applicability of the Mobile Health Applications. Journal of Personalized Medicine 2020, Vol. 10, Page 11, 10(1), 11. https://doi.org/10.3390/JPM10010011’.
Qian, Y., Chen, S. C., Hsiang, E. L., Akimoto, H., Lin, C. L., & Wu, S.T. (no date a) ‘Enhancing a Display’s Sunlight Readability with Tone Mapping. Photonics, 11(6). https://doi.org/10.3390/PHOTONICS11060578’.
Qian, Y., Chen, S. C., Hsiang, E. L., Akimoto, H., Lin, C. L., & Wu, S.T. (no date b) ‘Enhancing a Display’s Sunlight Readability with Tone Mapping. Photonics 2024, Vol. 11, Page 578, 11(6), 578. https://doi.org/10.3390/PHOTONICS11060578’.
Radley, K. C., & Dart, E.H. (2024) ‘The effect of the level of data presentation on visual analysts’ decisions. School Psychology, 39(6), 572–578. https://doi.org/10.1037/SPQ0000656’.
Rajendran, R., & Othman, N. (2023) ‘A Critical Review on Using Canva as a Visual Media Platform for English Language Learning. 13(6). https://doi.org/10.6007/IJARBSS/v13-i6/14513’.
Rangeswan, H., Areeff, A., Manivannan, S., Rajkumar, B., & Wickramarathne, J. (2023) ‘A CRITICAL EVALUATION OF POPULAR UX FRAMEWORKS RELEVANT TO E-HEALTH APPS. https://doi.org/10.5121/ijcsitce.2023.10302’.
Strava Branding Style Guides. (2023) ‘https://brandingstyleguides.com/guide/strava/’.
Sunkara, S., Wang, M., Liu, L., Baechler, G., Hsiao, Y. C., Chen, J., Sharma, A., & Stout, J. (2022) ‘Towards Better Semantic Understanding of Mobile Interfaces. Proceedings - International Conference on Computational Linguistics, COLING, 29(1), 5636–5650.