Когда использовать toggle button, switch и checkbox?

В чём суть

Это разные паттерны состояния «вкл/выкл» с разной семантикой и ожиданиями AT.

Сравнение

• Checkbox — выбор опции в форме; часто часть submit; может быть в группе.
• Switch (переключатель) — немедленное включение настройки (как физический тумблер), эффект сразу.
• Toggle button (aria-pressed) — кнопка с состоянием нажатости (жирный текст в редакторе, «избранное»).

<label><input type="checkbox"> Получать новости</label>
<button type="button" aria-pressed="true">Жирный</button>

Не смешивайте: checkbox, который мгновенно меняет тему без submit, визуально часто делают switch, но нужно согласовать поведение и роль.

Итог

Форма/согласие → checkbox; мгновенная настройка → switch; состояние инструмента → toggle button.