Implementation of web accessibility in accordance with WCAG 2.1: perceptibility

Main Article Content

Francisco Álvarez-Pineda
Yovin Urrego-Gómez
Pablo Ordóñez-Ordóñez
Hernán Torres-Carrión

Abstract

The university web platform intended for individuals with visual impairments had significant accessibility limitations that restricted independent use. This Integrative Project aimed to implement the perceivability principle of the WCAG 2.1 standard, at conformance level AA, using the agile Rapid Application Development (RAD) methodology, which enabled rapid iterations of design, development, evaluation, and improvement. The main deficiencies identified included the absence of text alternatives, insufficient color contrast, poorly descriptive labels, and inadequate semantic structure. These issues were addressed by incorporating descriptive alt attributes, aria-label attributes, a hierarchical HTML5 structure, and CSS enhancements to improve visibility, focus indication, and keyboard navigation. The evaluation combined automated assessment using TAW, manual testing with the NVDA screen reader, and direct validation with users with visual impairments through Likert-type surveys. Quantitative results showed improvements of more than 2 points across all indicators, reaching scores above 4.4 out of 5, compared with the initial version, which did not exceed 2.5. Qualitative findings revealed a clearer, more structured, and more accessible user experience, with greater ease in identifying interface elements, navigating the platform, and using assistive technologies. These findings demonstrate that applying the perceivability principle not only fulfills the technical requirements of WCAG 2.1 but also has a tangible positive impact on digital inclusion and on the user experience of individuals with visual impairments.

Article Details

Section
Scientific Paper

References

[1] W3C. (2018) Web content accessibility guidelines (WCAG) 2.1. World Wide Web Consortium. [Online]. Available: https://upsalesiana.ec/ing36ar6r1

[2] S. Hamideh Kerdar, L. Bächler, and B. M. Kirchhoff, “The accessibility of digital technologies for people with visual impairment and blindness: a scoping review,” Discover Computing, vol. 27, no. 1, Aug. 2024. [Online]. Available: https://doi.org/10.1007/s10791-024-09460-7

[3] H. Petrie and O. Kheir, “The relationship between accessibility and usability of websites,” in Proceedings of the SIGCHI Conference on Human Factors in Computing Systems, ser. CHI07. ACM, Apr. 2007, pp. 397–406. [Online]. Available: https://doi.org/10.1145/1240624.1240688

[4] M. Laamanen, T. Ladonlahti, H. Puupponen, and T. Kärkkäinen, “Does the law matter? an empirical study on the accessibility of finnish higher education institutions’ web pages,” Universal Access in the Information Society, vol. 23, no. 1, pp. 475–491, Nov. 2022. [Online]. Available: http://doi.org/10.1007/s10209-022-00931-6

[5] D. Henkelmann, “Exploring the link between accessible website design and user experience for humans with blindness and visual impairment: a quality study,” 2023. [Online]. Available: https://doi.org/10.35011/IDIMT-2023-101

[6] D. Soliz Carrión, L. Cadena Minotta, and T. Rosero, Norma Técnica de Discapacidades. Servicios para personas con discapacidad. Ministerio de Inclusión Económica y Social del Ecuador, 2014. [Online]. Available: https://upsalesiana.ec/ing36ar6r6

[7] T. Acosta and S. Luján-Mora, “Análisis de la accesibilidad de los sitios web de las universidades ecuatorianas de excelencia,” Enfoque UTE, vol. 8, no. 1, pp. 46–61, Feb. 2017. [Online]. Available: https://doi.org/10.29019/enfoqueute.v8n1.133

[8] D. G. Miranda and J. Araujo, “A framework for integrating web accessibility requirements in agile methodologies,” Universidade Nova de Lisboa, 2020. [Online]. Available: https://doi.org/10.5281/zenodo.4618349

[9] V. Stray, A. Bai, N. Sverdrup, and H. Mork, Empowering Agile Project Members

with Accessibility Testing Tools: A Case Study. Springer International Publishing, 2019, pp. 86–101. [Online]. Available: https://doi.org/10.1007/978-3-030-19034-7_6

[10] CTIC. (2024) Test de accesibilidad web. Fundación CTIC, Online Resource. [Online]. Available: https://upsalesiana.ec/ing36ar6r10

[11] Y. Yesilada and S. Harper, Web Accessibility: A Foundation for Research. Springer London, 2019. [Online]. Available: https://doi.org/10.1007/978-1-4471-7440-0

[12] W. S. Davis and D. C. Yen, The Information System Consultant’s Handbook: Systems Analysis and Design, W. S. Davis and D. C. Yen, Eds. CRC Press, Apr. 2019. [Online]. Available: https://doi.org/10.1201/9781420049107

[13] D. T. Campbell and J. C. Stanley, Experimental and Quasi-Experimental Designs for Research. Boston: Houghton Mifflin Company. Houghton Mifflin Company, 1963. [Online]. Available: https://upsalesiana.ec/ing36ar6r13

[14] H. Boone and D. Boone, “Analyzing likert data,” Journal of Extension, vol. 50, no. 2, Apr. 2012. [Online]. Available: https://doi.org/10.34068/joe.50.02.48

[15] J. Nielsen, Usability Engineering. San Francisco, CA, USA: Morgan Kaufmann Publishers, 1994. [Online]. Available: https://upsalesiana.ec/ing36ar6r15

[16] M. Snaprud, K. Rasta, K. Andreasson, and A. Nietzio, Benefits and Challenges of Combining Automated and User Testing to Enhance e-Accessibility – The European Internet Inclusion Initiative. Springer International Publishing, 2014, pp. 137–140. [Online]. Available: https://doi.org/10.1007/978-3-319-08596-8_20

[17] W3C. (2023) Web accessibility initiative (WAI). World Wide Web Consortium. [Online]. Available: https://upsalesiana.ec/ing36ar6r17

[18] National Library of Australia. (2026) National library of Australia catalog record. New Media. Rowman & Littlefield. Accessed: May14, 2026. [Online]. Available: https://upsalesiana.ec/ing36ar6r18