Webアクセシビリティ勉強会

inputタグによる入力フォームの実装

ラジオボタンの実装

inputタグとdivタグによるラジオボタンの操作性の違いを確認してみてください。

inputタグで実装されたチェックボックス


inputタグでは、TabキーとSpaceキーで操作が行えます。ぜひ操作してみてください。

また、選択の有無は目が見えなくともスクリーンリーダーで読み上げられます。

divタグで実装されたチェックボックス

みかんジュース
りんごジュース

divタグでは、選択はできるものの、キーボード操作は行えず、選択の有無も視覚的な色の違いでしか認識できません。