[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

В каких браузерах воспроизводится проблема?

No response

Шаги воспроизведения

No response

Ожидаемое поведение

No response

Скриншоты

No response

Пример с воспроизведением

No response