[Enhancement][a11y] Доступность ActionSheet

[eugpoloz]

Компоненты:

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

Аудит невизуальной доступности:

• проверить общую доступность всплывающих окон

Ко всем модальным окнам, Layouts и подобным всплывающим объектам, в том числе не упомянутым в этом документе, относятся следующие рекомендации, сейчас не выполняемые:

1. Содержимое модального окна должно быть обернуто в контейнер с ролью dialog, и этот контейнер должен иметь лейбл с названием модалки.
2. Если крестик для закрытия доступен в верхней области модалки, а не только в самом конце, эта кнопка должна быть доступна для скринридера.
3. Модалка должна закрываться и по нажатию на кнопку, и по нажатию на escape на клавиатуре.
4. Важно проверить на бою модалку с мобильного устройства с включенным Voiceover/Talkback, возможно ли горизонтальными свайпами одним пальцем, перемещаясь по содержимому модалки, выйти за ее пределы, тем самым навигируясь по странице под модальным окном. Если возможно, нужно ограничить эту модалку.
5. При нажатии на странице на кнопку, открывающую модальное окно, фокус должен устанавливаться на первый элемент модального окна - на заголовок или кнопку закрытия.
6. При закрытии модального окна эскейпом, по нажатию на кнопку закрытия или при выборе одного из вариантов, предложенных модальным окном, фокус должен ставиться на кнопку, открывшую модальное окно. Если такой кнопки уже нет (удален пост/подгрузились новые данные/etc), фокус нужно ставить на появившееся на месте исчезнувшей кнопки контейнер (сообщение об успешном удалении поста с предложением восстановить) или на первый подгрузившийся элемент.

• ActionSheet title

Почему-то эта надпись обернута в <header>, хотя, кажется, что этот тег сюда не подходит. "Вы действительно хотите удалить это видео из Ваших видео?"

• ActionSheet subtitle

метка на кнопке, желательно, должна быть едина, а не дробить кнопку на две строки

• ActionSheet selectable

Все элементы для выбора - это простые спаны. Нужно посмотреть этот элемент на бою, потому что сейчас не иллюстративно.

• исправить пример в storybook

Перед списком действий есть элемент:
заголовок уровень 4 кнопка Открыть
Кажется, что он не должен являться заголовком.

Кроме того, после нажатия на него список скрывается, а при повторном - появляется. В табордер, который в списке зациклен, эта кнопка также не попадает

[vkcom-publisher]

✅ v6.5.1 🎉