Evaluating Web Accessibility in React and Angular: A Comparative Study

Web accessibility is an essential requirement for modern digital services, especially when web applications provide access to public information, cultural resources, and online services. At the same time, contemporary interfaces are increasingly developed with component-based front-end technologies, where accessibility depends not only on the visual design of the interface but also on the way components expose semantic structure, focus behaviour, keyboard interaction, and assistive-technology support. This thesis presents a comparative study of web accessibility in two equivalent implementations of the same museum website, one developed with React and one with Angular. The objective is not to evaluate the museum website as a final product, but to investigate how the two technologies influence the accessibility of comparable user interface components under controlled conditions. Both implementations reproduce the same pages, content, interaction patterns, and functional scope, so that the comparison can focus on framework-related implementation choices rather than on differences in design or requirements. The evaluation follows a mixed methodology based on three complementary levels: automated analysis with Total Validator Pro, manual inspection based primarily on relevant WCAG 2.1 success criteria and selected WCAG 2.2 interaction criteria, and direct testing with NVDA and keyboard-only navigation. The study is structured around a baseline evaluation, an accessibility-oriented remediation phase, and a subsequent re-evaluation, in order to observe both the initial accessibility barriers and the effort required to improve them.