Каковы особенности доступности для кнопок подтверждения в модальных диалогах? - PullRequest
1 голос
/ 01 мая 2020

Рассмотрим модальное диалоговое окно, в котором пользователь может выбрать элемент из списка.

Вариант 1. Мгновенное закрытие модального окна после выбора элемента из списка.

Вариант 2. Выбор выбранного состояния для выбранного элемента и предоставление кнопок OK / Отмена для подтверждения выбора перед закрытием. модальный.

Какой из двух вариантов предпочтителен с точки зрения доступности? (с учетом поддержки навигации по клавиатуре и т. д. c). Обратите внимание, что выбор не является деструктивным, и пользователь может легко повторно открыть модальный режим и изменить выбор.

1 Ответ

2 голосов
/ 01 мая 2020

Вариант 2 - ваш лучший вариант Вот некоторые рекомендации, относящиеся к этому и руководству WCAG

По сути, не меняйте контекст, обновляйте списки и т. Д. c , автоматически при любом типе ввода вы всегда должны давать пользователю возможность подтвердить свои действия.

Теперь вопрос в том, нужен ли вам модал, если все, что пользователь делает, - это выбор элемента из списка?

Конечно, было бы лучше, если бы UX просто имел список, из которого вы можете выбирать (это зависит от того, что вы делаете, просто подумал, что я укажу на это, поскольку вы не привели пример).

Вам также необходимо учитывать тот факт, что ваш модальный список должен содержать количество опций, выбранных в данный момент опций и т. Д. c. и др c. Опять же, это всего лишь догадки и то, что нужно учитывать, это может быть неактуально.

...