Привет, коллеги! Сегодня делимся историей, которая отлично показывает, как AI ускоряет старт, но человеческий опыт и внимание к деталям делают продукт по-настоящему крутым.Недавно нам для одного из проектов понадобился DatePicker. Сам компонент под NDA, поэтому показать его не можем. Но
Выбор даты кажется небольшой задачей в UI, пока не попробуешь сделать его по-настоящему WCAG-доступным.Нам понадобился настраиваемый DataPicker на React для процесса записи на прием к врачу, где пользователи, работающие с keyboard navigation, и люди, использующие screen reader’ы, должны были выбрать дату
При создании этого чек-листа из 64 пунктов в качестве точки отсчёта использовалось «Руководство по обеспечению доступности веб-контента» (WCAG). WCAG — это универсальный стандарт для обеспечения доступности веб-контента. Решение вопросов, указанных в этом чек-листе, поможет улучшить восприятие сайта для всех его пользователей. Читать далее
DatePicker казался нам небольшой задачей в разработке UI, пока мы не попробовали создать компонент, который будет корректно работать с keyboard navigation, screen reader’ом, управляемым состоянием и реальными проверками доступности.Нам потребовался DatePicker производственного уровня на React и TypeScript, и…