feat: aria-label и role у компонентов

[eugpoloz]

• Добавила aria-метки и роли там, где они нужны, в компонентах и в документации,
• Изменила некоторые div на более подходящие теги.

[github-actions]

size-limit report 📦

Path	Size
JS	46.53 KB (+0.59% 🔺)
JS, unstable	11.27 KB (-0.32% 🔽)
CSS	27.46 KB (+0.17% 🔺)
CSS, unstable	547 B (0%)

[github-actions]

👀 Styleguide deployed

See the styleguide for this PR at https://vkcom.github.io/VKUI/pull/1611/

[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 59662f0:

Sandbox	Source
VKUI - default example	Configuration

[github-actions]

	Warnings
⚠️	1 changed screenshots found — review & update them via "Update Screenshots" action before merging.

Changed screenshots

banner-android-bright_light-1

Code coverage

lines	2135 / 3607	59.19%
statements	2177 / 3686	59.06%
functions	486 / 797	60.98%
branches	1273 / 2838	44.86%

Generated by 🚫 dangerJS against a3928d0

[ArthurStam]

В PR довольно много мест, где aria-label зашит внутри компонента без возможности его переопределить. Учитывая, что наши приложения переводятся на разные языки, мы не можем себе такой хардкод позволить.

Поэтому я предлагаю компоненты вроде Checkbox, Search и Cell фиксить отдельно в рамках нашей задачи по доступности. У react-aria есть специальные хуки для большинства кейсов. И эта либа так же решает проблему локализации.

[alekssamos]

А посмотрите, пожалуйста, как можно исправить подобные случаи? Приложение Люди рядом (userlocation), около имени и фамилии есть значок отправить уведомление. Он никак в отдельную кнопку не выделяется и даже клавиатурный фокус на неё не попадает.