Real-Time Web Accessibility Enhancement Using a User-Centered Browser Extension

Abstract

With the rapid growth of web applications and digital platforms, ensuring web accessibility has become an essential requirement for inclusive user experiences. Many websites still contain accessibility barriers that prevent users with disabilities from accessing content effectively. Organizations rely on accessibility testing tools to identify compliance issues; however, many existing tools provide limited real-time analysis and lack user-friendly issue visualization capabilities. This paper proposes an Accessibility Tracker that integrates automated accessibility detection techniques with real-time webpage analysis and centralized reporting features. The system performs webpage inspection based on Web Content Accessibility Guidelines (WCAG) to detect issues such as missing alternative text, poor color contrast, improper heading structure, unlabeled form controls, and keyboard navigation barriers. Detected accessibility issues are highlighted directly on the webpage and summarized through an interactive popup dashboard developed using React (Vite). The proposed system provides a structured approach to accessibility testing, issue classification, and compliance monitoring, enabling developers to improve usability and enhance inclusive design practices efficiently. By combining automated analysis with visual feedback and scoring mechanisms, the system improves accessibility evaluation and supports the development of user-friendly web applications.

Keywords