Modular JavaScript library for ensuring web interface accessibility in accordance with WCAG 2.2

Abstract

Relevance. Web accessibility has become a critical aspect of modern web development, considering the needs of more than 1.3 billion people with disabilities worldwide. Despite the existence of WCAG standards, the vast majority of websites remain inaccessible, highlighting the demand for comprehensive yet easy-to-integrate tools that address key accessibility challenges.

Purpose. The main goal is to develop a modular JavaScript library that provides comprehensive web interface accessibility enhancements in accordance with WCAG 2.2, while maintaining simplicity of integration and high performance.

Research Methods. The research applied a user-centered iterative development methodology with step-by-step validation of features through scripted evaluation, comparative testing with existing solutions, and the implementation of a browser extension for practical verification.

Results. A modular JavaScript library was developed consisting of seven independent components (dark mode, high contrast, keyboard navigation, text scaling, focus enhancement, dyslexia support, double-click protection), each addressing specific WCAG 2.2 success criteria. The effectiveness of the components was demonstrated through measurable improvements: enhanced contrast ratios (from 3.8:1 to 21:1), a 25% reduction in keystrokes for navigation, increased focus visibility (contrast improvement from 1 to 6.5), and full compliance with dyslexia readability parameters. Real-time interaction and dynamic content adaptation further improve user experience.

Conclusions. The proposed solution bridges the gap between fragmented accessibility tools by offering a unified approach with a high level of modularity. The library has demonstrated practical feasibility through a browser extension and is ready for integration into existing web projects. The proposed architecture provides a robust foundation for future research and development in the field of digital accessibility.