Доступность для компонентов Tabs и TabsItem

[k-egor-smirnov]

Closes #2533

• Добавил роль tablist для компонента Tabs, tab для компонента TabsItem;
• В соответствии с документацией WAI-ARIA обработал все клавиатурные события;
• Покрыл компонент Tabs тестами все обрабатываемые события клавиатуры;
• Добавил warn в компонент TabsItem, если не были переданы все атрибуты для поддержки доступности
• Добавил warn в компонент Group, если он используется как tabpanel и в нем отсутствуют необходимые атрибуты. Не уверен, что это необходимо, так как tabpanel может быть все, что угодно

[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 e3f8610:

Sandbox	Source
VKUI - default example	Configuration

[github-actions]

size-limit report 📦

Path	Size
JS	259.71 KB (+0.57% 🔺)
JS (gzip)	78.2 KB (+0.77% 🔺)
JS (brotli)	65.94 KB (+0.62% 🔺)
JS, unstable	31.69 KB (+0.36% 🔺)
CSS	290.93 KB (0%)
CSS (gzip)	39.29 KB (0%)
CSS (brotli)	31.23 KB (0%)
CSS, unstable	1.22 KB (0%)

[github-actions]

👀 Styleguide deployed

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

[github-actions]

Code coverage

lines	3916 / 5023	77.96%
statements	3986 / 5122	77.82%
functions	840 / 1072	78.35%
branches	3660 / 5041	72.60%
branchesTrue	0 / 0	100.00%

Generated by 🚫 dangerJS against e3f8610

[inomdzhon]

Крутотень!!! 🔥 Спасибо 🙏

[k-egor-smirnov]

Спасибо за ревью! Посчитал необходимым возможность отключения нового поведения, если используются другие роли для доступности. Например, когда таб является ссылкой, он не должен иметь role="tab"

[inomdzhon]

Спасибо за ревью! Посчитал необходимым возможность отключения нового поведения, если используются другие роли для доступности. Например, когда таб является ссылкой, он не должен иметь role="tab"

@k-egor-smirnov кстати, по API не вижу возможности сделать таб ссылкой 🤔

[k-egor-smirnov]

Спасибо за ревью! Посчитал необходимым возможность отключения нового поведения, если используются другие роли для доступности. Например, когда таб является ссылкой, он не должен иметь role="tab"

@k-egor-smirnov кстати, по API не вижу возможности сделать таб ссылкой 🤔

Действительно, типизация (в отличие от реализации) не позволяет это сделать, но, тем не менее, иногда табы должны быть ссылками. Это описано, например, в этом гайде по табам в интерфейсах, на которую я ориентировался: https://inclusive-components.design/tabbed-interfaces/.

[inomdzhon]

Спасибо 🙏 ❤️‍🔥