Попросили Claude создать WCAG-доступный DataPicker на React и потратили 3 дня на доработки

Дата публикации: 28-06-2026 10:13:18

Выбор даты кажется небольшой задачей в UI, пока не попробуешь сделать его по-настоящему WCAG-доступным.Нам понадобился настраиваемый DataPicker на React для процесса записи на прием к врачу, где пользователи, работающие с keyboard navigation, и люди, использующие screen reader’ы, должны были выбрать дату без лишних затруднений.Claude сделал нам хорошую первую версию: структуру компонента, ARIA-атрибуты, базовую keyboard navigation и логику календаря. На первый взгляд результат выглядел почти готовым.Затем мы запустили NVDA, VoiceOver и протестировали сценарий keyboard navigation.Фокус выходил за пределы диалогового окна; некоторые даты озвучивались неверно; переключение между месяцами сопровождалось слишком тихим звуком; нажатие клавиши «Esc» закрывало календарь, но оставляло пользователя без контекста; режим высокой контрастности Windows нарушал отображение выбранного состояния.Код выглядел нормально, но UX оставлял желать лучшего.В этой статье мы рассмотрим реальную работу, стоящую за WCAG-доступным DataPicker'ом: где AI сэкономил нам время; где он не справился; как нам помог WAI-ARIA APG; какие детали нам пришлось исправлять вручную и почему доступность нельзя проверить, просто прочитав сгенерированный код.Приготовьтесь к инсайтам, багам и победам! Читать далее

Схожие новости

#	Наименование новости	Тональность	Информативность	Дата публикации
1	Два способа создания доступного DataPicker'а с помощью AI: 80/20 в пользу AI или системное проектирование с агентом	0	7	28-06-2026
2	Мобильная разработка за неделю #636 (22 — 28 июня)	5	7	28-06-2026
3	Актуальность техстека как задача: наш путь от хаоса к регулярным SLA-апдейтам	5	7	26-06-2026
4	Как агент сам откроет дверь хакеру? Разбираю три реальных пробоя AI-агентов и почему обычный ред-тиминг их не найдёт	5	8	28-06-2026
5	ContentCombine: как я сделал мультинишевый контент-комбайн и запустил ежедневный SEO-дайджест	5	7	28-06-2026
6	Почему Google не индексирует страницы, хотя технически всё в порядке	0	5	28-06-2026
7	Погружаем модели в сказки русские, да рассказы древние – тестируем возможности Qwen и Whisper на дореволюционномъ	0	7	24-06-2026
8	Я запустил GTA San Andreas на своем движке в браузере, один с Claude, за 3 недели	5	7	25-06-2026
9	Мы вас видим	2	6	22-06-2026

Классификация: . Схожих патентов: 0. Схожих новостей: 9. Тональность: 0. Информативность: 7. Источник: habr.com.