Journal Issues

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.