Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(Calendar): add accessible descriptions #3232

Merged
merged 16 commits into from
Aug 15, 2023
Merged

Conversation

JackUait
Copy link
Contributor

@JackUait JackUait commented Aug 4, 2023

Проблема

Начало истории: #3223 - часть задачи была разбита на подзадачи.

В Calendar некоторым элементам нужны доступные описания, которые нужно задавать на уровне библиотеки.

Решение

  • Добавил aria-label;
  • Покрыл новую логику тестами;
  • Добавил локализацию;
  • Добавил информацию о локализации в документацию;
  • Удалил лишний <div /> в <DateSelect />, так как он мешал корректно навестить data-tid.

Также случайно исправил баг, при котором у <DatePicker /> исчезали/уменьшались иконки в <DateSelect /> - не совсем понял из-за чего именно исправился баг и воспроизводится ли он вне Storybook. Не стал копать в причины, потому что новое поведение показалось а) правильным б) некритичным.

Ссылки

IF-1364

Чек-лист перед запросом ревью

  1. Добавлены тесты на все изменения
    ✅ unit-тесты для логики
    ⬜ скриншоты для верстки и кросс-браузерности
    ⬜ нерелевантно

  2. Добавлена (обновлена) документация
    ⬜ styleguidist для пропов и примеров использования компонентов
    ⬜ jsdoc для утилит и хелперов
    ⬜ комментарии для неочевидных мест в коде
    ✅ прочие инструкции (README.md, contributing.md и др.)
    ⬜ нерелевантно

  3. Изменения корректно типизированы
    ⬜ без использования any (см. PR 2856)
    ✅ нерелевантно

  4. Прочее
    ✅ все тесты и линтеры на CI проходят
    ✅ в коде нет лишних изменений
    ✅ заголовок PR кратко и доступно отражает суть изменений (он попадет в changelog)

Copy link
Member

@zhzz zhzz left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Плюс такие же комментарии, как в #3223.

@JackUait
Copy link
Contributor Author

Добавил в документацию упоминание о дефолтных aria-label. Во время добавления заметил, что из <DatePicker /> не меняются локали для aria-label. Добавил тесты на изменение aria-label в <DatePicker /> и <Calendar />

Copy link
Member

@zhzz zhzz left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Все еще настаиваю на camel-кейсе.

packages/react-ui/components/Calendar/Calendar.md Outdated Show resolved Hide resolved
@JackUait JackUait requested a review from zhzz August 11, 2023 12:20
@zhzz zhzz merged commit b2b0d78 into next Aug 15, 2023
@zhzz zhzz deleted the feat/calendar-aria-labels branch August 15, 2023 10:20
zhzz pushed a commit that referenced this pull request Sep 4, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Development

Successfully merging this pull request may close these issues.

2 participants