Перейти к содержимому
v2.5.0
English
Русский
Документация

CheckboxCard

CheckboxCard сочетает поведение чекбокса с более богатой поверхностью карточки для тарифов, шаблонов и выбираемых плиток настроек.

Подписи

  • Видимые заголовок и описание должны давать понятную подпись чекбокса.
  • Карточка рендерится как подписанная поверхность, поэтому вся карточка должна участвовать в доступном имени и передавать назначение.

Поведение клавиатуры

ОбъявлениеПереведите фокус на демо и нажмите клавишу из таблицы.
КлавишаДействие
SpaceОтмечает или снимает отметку с карточки в фокусе. Вся карточка — один нативный чекбокс.
TabShift + TabПереносит фокус на следующую или предыдущую карточку. Каждая карточка — отдельная остановка табуляции.
Каждая строка проверена в настоящем браузере: Playwright нажимает клавишу в Chromium и смотрит, где оказались фокус и активный элемент.
  • Вся карточка должна оставаться понятной, когда фокус приходит на сам чекбокс.

Поведение фокуса

  • Фокус должен быть виден на интерактивной поверхности карточки или на контроле.
  • Отключённые карточки не должны выглядеть фокусируемыми.

Семантика для скринридеров

  • Итоговая семантика — семантика чекбокса, а не обычной карточки.
  • indeterminate должно восприниматься как смешанное состояние.

Риски доступности

  • обнаружимым остаётся только визуальный индикатор, а окружающее содержимое кажется неактивным
  • карточки-чекбоксы используются для выбора одного варианта
  • смысл чекбокса скрыт за декоративным маркетинговым контентом