Skip to main content


A Semantic-First Methodology for Inclusive Web Design: A Four-Stage Framework for Reducing Navigational Barriers in Visually Impaired User Interfaces

Issue Abstract

Abstract

Modern web accessibility research has extensively documented the barriers that visually impaired users face when navigating Single Page Application (SPA) interfaces. However, existing approaches to barrier remediation remain predominantly reactive, addressing individual WCAG compliance violations rather than the underlying structural causes of navigational inefficiency. This paper proposes a Semantic-First Methodology comprising four iterative stages Heuristic Semantic Audit, Structural Deconstruction, ARIA-Native Hybridization, and Navigational Parity Validation designed to systematically address the root causes of screen reader navigational barriers in complex web interfaces. The methodology was applied to a test dataset of five high-complexity UI components, and its effectiveness was evaluated through comparative pre- and post-implementation measurement of task completion time, task success rate, and the Navigational Efficiency Gap (NEG) metric. Preliminary results indicate an average reduction of approximately 74% in the NEG across the five tested components, a reduction in average task completion time for screen reader users from 94.6 seconds to 20.4 seconds, and achievement of WCAG 2.2 Level AA compliance on all tested components following methodology application. A structured comparison with three existing accessibility approaches demonstrates that the proposed methodology addresses barrier categories that compliance-only and component-level approaches do not cover. Limitations of the study, including testing environment scope and the preliminary nature of the evaluation, are explicitly discussed.

Keywords: Web Accessibility; Inclusive Design; Screen Reader; WCAG 2.2; Semantic HTML; ARIA; Single Page Applications; Navigational Efficiency Gap; Focus Management; Barrier Remediation; Visually Impaired User.


Author Information
Manav Chawla,Dr. Bijender Bansal,Dr. Vineet Kumar Lohan,Dr. Deepak Goyal ,Department of Computer Science & Engineering, Vaish College of Engineering Maharshi Dayanand University, Rohtak, Haryana, India
Issue No
7
Volume No
8
Issue Publish Date
05 Jul 2026
Issue Pages
1-14

Issue References

References

  1. B. Caldwell, M. Cooper, L. G. Reid, and G. Vanderheiden, "Web Content Accessibility Guidelines (WCAG) 2.2," W3C Recommendation, 2023.     [Online]. Available: https://www.w3.org/TR/WCAG22/

  2. H. Y. Abuaddous, M. Z. Jali, and N. Basir, "Web Accessibility Challenges," International Journal of Advanced Computer Science and Applications, vol. 7, no. 10, pp. 172-181, 2016.

  3. J. Lazar, D. F. Goldstein, and A. Taylor, Ensuring Digital Accessibility through Process and Policy, Morgan Kaufmann, 2015.

  4. C. Power, A. Freire, H. Petrie, and D. Swallow, "Guidelines are only half of the story: accessibility problems encountered by blind users on the web," in Proc. SIGCHI Conf. on Human Factors in Computing Systems (CHI '12), ACM Press, pp. 433-442, 2012.

  5. C. Diggs and J. Mankoff, "Environmental Barriers: A Study of Screen Reader Navigation in Dynamic Single Page Applications," Journal of Web Engineering, vol. 21, no. 4, pp. 1102-1128, 2022.

  6. M. Vigo, J. Brown, and V. Conway, "Benchmarking Automated Web Accessibility Evaluation Tools," in Proc. 10th Int. Cross-Disciplinary Conf. on Web Accessibility (W4A), 2013.

  7. C. Power, A. Freire, H. Petrie, and D. Swallow, "Guidelines are only half of the story," CHI '12, ACM Press, pp. 433-442, 2012.

  8. IBM Design, "Carbon Design System: Accessibility Handbook," 2023.        [Online].           Available: https://carbondesignsystem.com/guidelines/accessibility/overview

  9. Microsoft Inclusive Design, "Inclusive Design Toolkit v2," 2023. [Online]. Available: https://www.microsoft.com/design/inclusive/

  10. K. Groves, "Overlay Fact Sheet,"AccessiByeBye,2021. [Online]. Available: https://overlayfactsheet.com/

  11. NV Access, "NVDA (NonVisual Desktop Access) User Guide," 2024. [Online]. Available: https://www.nvaccess.org/help/

  12. W3C WAI, "WAI-ARIA (Accessible Rich Internet Applications)1.2," W3C Recommendation, 2024. [Online]. Available: https://www.w3.org/TR/wai-aria-1.2/