Details

Данная выпускная квалификационная работа посвящена разработке средств создания доступных пользовательских интерфейсов для пользователей с ограниченными возможностями в соответствии с уровнем А ГОСТ Р 52872-2019. Цель работы — создание модульного, масштабируемого и инклюзивного чат-интерфейса, поддерживающего взаимодействие для пользователей с нарушениями зрения, слуха, моторики и когнитивными ограничениями. Методология разработки включает анализ требований ГОСТ Р 52872-2019, проектирование архитектуры, реализацию компонентов с использованием React и TypeScript, а также интеграцию библиотек Vosk и FFmpeg.wasm для локальной транскрипции аудио- и видеосообщений в браузере. Разработанное приложение обеспечивает функциональность обмена текстовыми и медиа-сообщениями с полной поддержкой клавиатурной навигации, семантической разметки и атрибутов. Реальные тесты подтвердили соответствие стандарту, удобство использования для пользователей. Выявлены направления для улучшения: оптимизация транскрипции для длинных медиафайлов, расширение языковой поддержки и повышение производительности. Результаты работы применимы в образовательных, государственных и коммерческих платформах, требующих инклюзивных коммуникационных решений, способствуя социальной интеграции и равному доступу к цифровым технологиям.

This thesis focuses on the development of a front-end chat application interface that ensures accessibility for users with disabilities in accordance with Level A of GOST R 52872-2019. The objective is to create a modular, scalable, and inclusive chat interface that supports interaction for individuals with visual, auditory, motor, and cognitive impairments. The development methodology includes analyzing the requirements of GOST R 52872-2019, designing a model-service-store-transport architecture, implementing components using React and TypeScript, and integrating the Vosk and FFmpeg.wasm libraries for browser-based transcription of audio and video messages. The developed application provides functionality for exchanging text and media messages with full support for keyboard navigation, semantic markup, and ARIA attributes. Local media processing enhances data privacy by eliminating the need for external server transmission. Real-world testing confirmed compliance with the standard, usability for users with disabilities, and cross-browser compatibility. Areas for improvement include optimizing transcription for lengthy media files, expanding language support, and enhancing performance on mobile devices. The results of this work can be applied in educational, governmental, and commercial platforms requiring inclusive communication solutions, promoting social integration and equal access to digital technologies.