[BREAKING CHANGE] refactor: Избавляемся от aria-label в пользу визуально скрытого текста

[eugpoloz]

• close [Feature][a11y] Отойти от aria-label в пользу скрытого визуально текста #2673

---

• Unit-тесты
• Документация фичи
• Гайд миграции — см. [BREAKING CHANGE] refactor: Избавляемся от aria-label в пользу визуально скрытого текста #6139 (comment)

Описание

Отдельные пуллы в рамках этого:

• feat: add getTextFromChildren() (lib/children utils) #6138
• feat(Spinner): remove auto-converting aria-label #6167
• feat(Badge/Counter): pass aria-label via children #6168
• feat(IconButton): add label prop #6190
• fix(ChipsSelect): aria-label fixes for #6206 #6210 (в feat(ChipsSelect): mv to stable #6206)

Что осталось тут:

• экспортировала VisuallyHiddenProps

• убрала остатки использования и удалила getTitleFromChildren()

• убрала aria-label и добавила скрытый текст:

  • Calendar — частично, не во всех местах получилось это удачно сделать; также переименовала пропсы
  • CellDragger
  • WriteBarIcon
  • PanelHeaderButton и его вариаций
  • ModalDismissButton и ModalCardBaseCloseButton
  • ScrollArrow
  • Pagination — также переименовала пропсы
  • Search — также переименовала пропсы

• добавила документацию (relates to [Doc] Добавить в документации отдельных компонентов пункты о доступности #3035) и обновила примеры для:

  • ModalCardBase
  • ModalDismissButton
  • PanelHeaderButton
  • WriteBarIcon
  • TabbarItem

[github-actions]

size-limit report 📦

Path	Size
JS	344.34 KB (+0.27% 🔺)
JS (gzip)	105.65 KB (+0.31% 🔺)
JS (brotli)	86.88 KB (+0.16% 🔺)
JS import Div (tree shaking)	1.43 KB (0%)
CSS	259.68 KB (0%)
CSS (gzip)	33.9 KB (0%)
CSS (brotli)	27.49 KB (0%)

[codesandbox-ci]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit f43fba4:

Sandbox	Source
VKUI TypeScript	Configuration

[github-actions]

e2e tests

Playwright Report

[codecov]

Codecov Report

Attention: 7 lines in your changes are missing coverage. Please review.

Comparison is base (aa53bfc) 81.01% compared to head (f43fba4) 81.06%.
Report is 1 commits behind head on master.

Files	Patch %	Lines
...components/PanelHeaderButton/PanelHeaderButton.tsx	50.00%	2 Missing ⚠️
...ckages/vkui/src/components/DateInput/DateInput.tsx	90.90%	1 Missing ⚠️
...i/src/components/DateRangeInput/DateRangeInput.tsx	93.75%	1 Missing ⚠️
...ponents/ModalCardBase/ModalCardBaseCloseButton.tsx	75.00%	1 Missing ⚠️
...Pagination/PaginationPage/PaginationPageButton.tsx	66.66%	1 Missing ⚠️
...src/components/PanelHeaderEdit/PanelHeaderEdit.tsx	80.00%	1 Missing ⚠️

Additional details and impacted files

@@            Coverage Diff             @@
##           master    #6139      +/-   ##
==========================================
+ Coverage   81.01%   81.06%   +0.04%     
==========================================
  Files         317      316       -1     
  Lines        9890     9916      +26     
  Branches     3306     3327      +21     
==========================================
+ Hits         8012     8038      +26     
  Misses       1878     1878              

Flag	Coverage Δ
unittests	81.06% <93.57%> (+0.04%)	⬆️

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[github-actions]

👀 Docs deployed

• ✅ Styleguide
• ✅ Storybook

Commit f43fba4

[mendrew]

Отличная работа! 💪

[mendrew]

🔥