なぜ画像をボタンで囲む必要があるのですか?
<button>
<img/>
</button>
画像をクリック可能にするだけでなく、ボタンで囲むこともお勧めしますか?
ボタンはインタラクティブなコントロール用に設計されていますが、画像はそうではありません。
スクリーンリーダーは<button>
、をボタンとしてアナウンスするので、ユーザーはそれをクリックできることがわかります。
ドキュメントをタブで移動したり、(再び)スクリーンリーダーを使用したりするなど、ポインティング以外のデバイスを使用してナビゲートする人は、に遭遇します<button>
が、<img>
スキップされます。
画像上でクリックイベントハンドラーを叩くだけで、アクセシビリティに大きな問題が発生します。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加