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

aタグによるリンクの実装

aタグ、buttonタグ、divタグによる操作性の違いを確認してみてください。

aタグで実装されたリンク

aタグのリンク

aタグでは、以下のような操作が行えます。

buttonタグで実装されたリンク

buttonタグでは、キーボード操作でフォーカスを当てて、Enterで画面遷移を行うことは可能ですが、それ以外のaタグに見られる特徴は見られません。

divタグで実装されたリンク

divタグでは、あげた特徴はどれも使用不可。押せば画面遷移のみ起こる。