Как сделать доступный DatePicker в React

Пошагово разбирается сборка DatePicker по паттерну WAI-ARIA APG Date Picker Dialog: какие роли и aria нужны, как организовать roving tabindex, фокус-ловушку, клавиатурную навигацию и календарную сетку. Отдельный акцент — на требованиях WCAG 2.1/2.2 Level AA: контрастность, предсказуемое поведение интерфейса и корректная работа с disabled датами.

Материал полезен тем, кто хочет собрать доступный компонент без тяжёлых зависимостей и не сломать UX для пользователей клавиатуры и скринридеров.

#React #WCAG #DatePicker