Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Enhancement][a11y] Доступность Alert #3042

Open
4 tasks
eugpoloz opened this issue Aug 23, 2022 · 0 comments
Open
4 tasks

[Enhancement][a11y] Доступность Alert #3042

eugpoloz opened this issue Aug 23, 2022 · 0 comments
Labels
a11y:audit Проблемы, найденные в ходе аудита невизуальной доступности VKUI a11y Доступность (цифровая) cmp:alert type:enhancement

Comments

@eugpoloz
Copy link
Contributor

eugpoloz commented Aug 23, 2022

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

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

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

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

При нажатии на любую из кнопок для закрытия диалога фокус ставится на кнопку "Открыть", однако после нажатия на нее, при открытии диалога, фокус на заголовок в диалоге не устанавливается.

  • исправить пример в сторибуке (?)

Кажется, что первая и третья кнопки выполняют одно и то же действие, и по смыслу дублируют друг друга:
Отмена
Удалить
Закрыть предупреждение

@eugpoloz eugpoloz added type:enhancement cmp:alert a11y Доступность (цифровая) labels Aug 23, 2022
@eugpoloz eugpoloz added this to VKUI Aug 23, 2022
@eugpoloz eugpoloz moved this to 🗃 Backlog in VKUI Aug 23, 2022
@inomdzhon inomdzhon added this to the a11y. Документация по доступности компонентов milestone Dec 29, 2022
@eugpoloz eugpoloz added the a11y:audit Проблемы, найденные в ходе аудита невизуальной доступности VKUI label Apr 10, 2023
@eugpoloz eugpoloz removed this from the a11y. Документация по доступности компонентов milestone Jun 13, 2023
@SevereCloud SevereCloud moved this from 🗃 Backlog to 🔜 To do in VKUI Mar 17, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
a11y:audit Проблемы, найденные в ходе аудита невизуальной доступности VKUI a11y Доступность (цифровая) cmp:alert type:enhancement
Projects
Status: 🔜 To do
Development

No branches or pull requests

2 participants