[Bug][ChipsSelect][ChipsInput]: имеют ошибки доступности

[andrey-medvedev-vk]

Описание

Если в unit-тестах включить проверку доступности, то jest-axe покажет по крайней мере три ошибки

VKUI/packages/vkui/src/components/ChipsSelect/ChipsSelect.test.tsx

Line 43 in e6af1e7

baselineComponent(ChipsSelect, { a11y: false });

1. listbox не имеет aria-label/labelledby/title
   https://dequeuniversity.com/rules/axe/4.9/aria-input-field-name?application=axeAPI
   Действительно, div с ролью listbox не имеет label, или ассоциированного с ним label.
2. listbox имеет дочерний элемент combobox, хотя разрешены только option.
   https://dequeuniversity.com/rules/axe/4.9/aria-required-children?application=axeAPI
3. combobox не имеет ассоциированного label.
   https://dequeuniversity.com/rules/axe/4.9/label?application=axeAPI

Выглядит так, что мы должны подружить listbox и combobox и привязать их к возможному label.
У нас сейчас проставлены роли, но связи и иерархия не соблюдены в полной мере. И дело не только в том, что у нас синтетически рендерится только голый ChipsSelect в тесте.

Версия

7.1.0

---

• см. [Bug][ChipsSelect]: Проблемы с доступностью компонента  #7393