TGViewer
FrontEndDev FrontEndDev @front_end_dev · 25.9K subscribers
Post #9775 3.67K
Создаем WCAG доступный DatePicker в React

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

https://habr.com/ru/articles/1022918/
  • 👍 12
More from @front_end_dev
  1. Sep 25, 2026Почему главный поток тормозит интерфейс Главный поток браузера часто становится узким мест…
  2. Sep 22, 2026Как Next.js закрыл 1500 issue за месяц Команда Next.js показала рабочий пайплайн для разгр…
  3. Sep 21, 2026CSS Anchor Positioning для тултипов и меню Anchor Positioning решает старую боль интерфейс…
  4. Sep 21, 2026Серверный 1v1 на Cloudflare Durable Object Разбор того, как держать 60Hz серверную симуляц…
  5. Sep 20, 2026Cordis делает плагины основой архитектуры Cordis предлагает собирать JS/TS-приложение не в…
  6. Sep 19, 2026Blume превращает Markdown в сайт документации Blume собирает папку с Markdown в готовый do…
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →