トグルボタンとは?意味とデザインの要点・スイッチとの違い
19分で読める
トグルボタンとは、押すたびにオンとオフが切り替わり、押した状態が残るボタンです。トグルスイッチ・チェックボックス・通常のボタンとの違い、使う場面と使わない場面、押した状態の見せ方、画面読み上げソフトに状態を伝えるHTML属性(aria-pressed)の指定方法を解説します。
コンポーネントタグ: ui-components / toggle
UX心理、UIデザイン原則、UIコンポーネント、リサーチ記事を横断して探せるUIXHEROのナレッジ一覧です。目的に合わせて絞り込みながら、設計や実装の判断材料を見つけられます。
トグルボタンとは、押すたびにオンとオフが切り替わり、押した状態が残るボタンです。トグルスイッチ・チェックボックス・通常のボタンとの違い、使う場面と使わない場面、押した状態の見せ方、画面読み上げソフトに状態を伝えるHTML属性(aria-pressed)の指定方法を解説します。