ИИ создал код, но не доступность: реальный тест WCAG-совместимого DatePicker от Claude
Разработчики попросили Claude создать доступный компонент выбора даты на React. Сгенерированный код выглядел хорошо, но тестирование с помощью скринридеров и клавиатуры выявило серьёзные проблемы в пользовательском опыте, потребовав три дня ручных доработок.
Попытка создать доступный DatePicker на React с помощью ИИ показала границы технологии
Разработчики решили создать WCAG-совместимый компонент выбора даты. Ключевые требования — полноценная работа с клавиатурой и скринридерами. Они использовали модель ИИ, которая сгенерировала первую версию: структуру компонента, ARIA-атрибуты, базовую логику навигации и календарь. Код выглядел формально корректным.
Но тестирование с NVDA и VoiceOver выявило серьезные проблемы. Фокус уходил за пределы диалога, нарушая принцип модальных окон. Скринридеры озвучивали некоторые даты неверно. Переключение месяцев сопровождалось слишком тихой звуковой обратной связью. Нажатие Esc закрывало календарь, но оставляло пользователя без контекста. В режиме высокой контрастности Windows визуальное выделение выбранной даты ломалось.
На доработку ушло три дня. Основным руководством стал WAI-ARIA Authoring Practices Guide (APG) — живой стандарт с выверенными паттернами доступных интерфейсов. Команда вручную исправила логику управления фокусом, чтобы он удерживался внутри диалога и возвращался на исходный элемент после закрытия. Переработали семантику ARIA-атрибутов для точного озвучивания дат и состояний. Настроили визуальное оформление для работы в разных режимах контрастности.
Этот опыт подтвердил: доступность — не просто набор атрибутов, а комплексный сценарий, который сложно полностью формализовать для ИИ.
Кейс важен для всей отрасли разработки. Генеративные модели ускоряют начальные этапы: создание каркаса, шаблонного кода, базовой логики. Но критически важные аспекты — доступность, юзабилити в нестандартных случаях, взаимодействие с разными пользовательскими системами — требуют человеческого контроля, экспертизы и тестирования в реальных условиях. ИИ генерирует код, который выглядит правильным, но не гарантирует работу для всех пользователей.
Разработчикам, продактам и предпринимателям нужно включать ручное тестирование доступности в цикл разработки даже при использовании ИИ. Надеяться, что модель корректно реализует все нюансы WCAG или ARIA, преждевременно. Готовые стандарты вроде WAI-ARIA APG остаются незаменимыми источниками.
Итог: ИИ — помощник для прототипов и черновиков, а финальная полировка за инклюзивность и качество опыта лежит на человеческих специалистах.
