inputタグによる入力フォームの実装
ラジオボタンの実装
inputタグとdivタグによるラジオボタンの操作性の違いを確認してみてください。
inputタグで実装されたチェックボックス
inputタグでは、TabキーとSpaceキーで操作が行えます。ぜひ操作してみてください。
また、選択の有無は目が見えなくともスクリーンリーダーで読み上げられます。
divタグで実装されたチェックボックス
みかんジュース
りんごジュース
divタグでは、選択はできるものの、キーボード操作は行えず、選択の有無も視覚的な色の違いでしか認識できません。