Проверить одиночный выбор в группе
Переместите выделение с помощью клавиш со стрелками, а затем коснитесь метки. Выбирается только один вариант; Название и описание группы должны ясно давать понять, на что влияет выбор.
Радиокнопки Система дизайна
Делает выбор одного элемента понятным и простым в использовании.
Содержание чек-листа
Прогресс проверки
01
Структура и значение
Сравните информацию и представление в контексте использования.
02
Взаимодействие и удобство использования
Попробуйте выполнить операцию, измените статус и продолжайте работу.
Прогресс автоматически сохраняется в этом браузере.
РЕКОМЕНДАЦИИ
Как проверять
ПРИМЕРЫ
Примеры использования
Выберите способ доставки
В группе «Способ доставки» есть «Стандартный» и «Быстрый»; На каждой метке указано расчетное время и стоимость, по одному выбору за раз.
Варианты и сценарии использования
Группа с выбором одного варианта
Оформление и подпись должны показывать, что в группе можно выбрать только один вариант.
Выберите два варианта по очереди: предыдущий должен снять выделение, а название группы — оставаться понятным.
Пример Варианты обычной и срочной доставки объединены подписью «Способ доставки».
Состояния варианта
Различайте выбранное, невыбранное, недоступное состояние и фокус; обеспечьте управление группой с клавиатуры.
Используйте стрелки внутри группы: фокус и выбор должны меняться по правилам радиокнопок.
Пример Выбранный тариф обозначен радиокнопкой и названием, а не только цветом фона.
ВыбраноНе выбраноПо умолчаниюТекущий выборНедоступноПоказать ошибку