Модульна JavaScript-бібліотека для забезпечення доступності вебінтерфейсів згідно з WCAG 2.2

doi:10.26565/2304-6201-2026-69-05

Михайло Савченко Національний технічний університет України «Київський політехнічний інститут імені Ігоря Сікорського», проспект Берестейський, 37, Київ, Україна, 03056 https://orcid.org/0009-0005-9441-3467
Світлана Суліма Національний технічний університет України «Київський політехнічний інститут імені Ігоря Сікорського», проспект Берестейський, 37, Київ, Україна, 03056 https://orcid.org/0000-0002-6333-7693

DOI: https://doi.org/10.26565/2304-6201-2026-69-05

Ключові слова: вебдоступність, WCAG 2.2, JavaScript-бібліотека, модульність, браузерне розширення, адаптація інтерфейсу, підтримка користувачів з інвалідністю, інклюзивність

Анотація

Актуальність. Вебдоступність є критично важливим аспектом сучасної веброзробки, зважаючи на потреби понад 1,3 мільярда людей з інвалідністю у світі. Попри існування стандартів WCAG, переважна більшість сайтів лишається недоступною, що свідчить про потребу у комплексних, але водночас простих у реалізації інструментах.

Мета. Розробити модульну JavaScript-бібліотеку, яка забезпечує всебічне покращення доступності вебінтерфейсів згідно з WCAG 2.2, зберігаючи простоту інтеграції та високу продуктивність.

Методи дослідження. Застосовано методологію ітеративної розробки, орієнтованої на користувача, із поетапною валідацією функцій через скриптові перевірки, порівняльні тести з існуючими рішеннями та впровадженням браузерного розширення.

Результати. Створено бібліотеку з семи незалежних компонентів (темний режим, високий контраст, навігація клавіатурою, масштабування тексту, фокусування, підтримка людей з дислексією, захист від подвійного кліку), кожен з яких відповідає конкретним критеріям WCAG 2.2. Ефективність продемонстровано через вимірювані покращення у контрастності, зменшення кількості дій для навігації, підвищення доступності фокусу та адаптації інтерфейсу під потреби користувачів.

Висновки. Розроблене рішення заповнює наявну прогалину між розрізненими інструментами доступності, пропонуючи уніфікований підхід із високим рівнем гнучкості. Бібліотека демонструє практичну доцільність завдяки браузерному розширенню та може бути легко інтегрована у наявні вебпроекти. Запропонована архітектура створює основу для подальших досліджень і розвитку технологій доступності.

Завантаження

##plugins.generic.usageStats.noStats##

Біографії авторів

Михайло Савченко, Національний технічний університет України «Київський політехнічний інститут імені Ігоря Сікорського», проспект Берестейський, 37, Київ, Україна, 03056

студент

Світлана Суліма, Національний технічний університет України «Київський політехнічний інститут імені Ігоря Сікорського», проспект Берестейський, 37, Київ, Україна, 03056

к.т.н., доцент, доцент кафедри Інформаційних технологій в телекомунікаціях

Посилання

Pixel Free Studio, “The Impact of Client-Side Rendering on Accessibility,” Pixel Free Studio Blog. [Online]. Available: https://blog.pixelfreestudio.com/the-impact-of-client-side-rendering-on-accessibility/. [Accessed: Jul. 20, 2025].

Pixel Free Studio, “Building Accessible Web Applications with JavaScript Frameworks,” Pixel Free Studio Blog. [Online]. Available: https://blog.pixelfreestudio.com/building-accessible-web-applications-with-javascript-frameworks/. [Accessed: Jul. 20, 2025].

A. Smith, “Accessibility in User Interfaces: Confronting Common Challenges,” Online Scientific Research, [Online]. Available: https://www.onlinescientificresearch.com/articles/accessibility-in-user-interfaces-confronting-common-challenges.pdf. [Accessed: Jul. 20, 2025].

W3C, "Web Content Accessibility Guidelines (WCAG) 2.2," W3C Recommendation, Oct. 5, 2023. [Online]. Available: https://www.w3.org/TR/WCAG22/. [Accessed: Jul. 19, 2025].

R. Ritter, "ally.js," 2015. [Online]. Available: https://allyjs.io/. [Accessed: Jul. 19, 2025].

H. Giraudel, "A11y Dialog," 2014. [Online]. Available: https://a11y-dialog.netlify.app/. [Accessed: Jul. 19, 2025].