クリック可能にするために画像をボタンで囲む必要がありますか?

72go2

なぜ画像をボタンで囲む必要があるのですか?

<button>
   <img/>
</button>

画像をクリック可能にするだけでなく、ボタンで囲むこともお勧めしますか?

クエンティン

ボタンはインタラクティブなコントロール用に設計されていますが、画像はそうではありません。

スクリーンリーダーは<button>、をボタンとしてアナウンスするので、ユーザーはそれをクリックできることがわかります。

ドキュメントをタブで移動したり、(再び)スクリーンリーダーを使用したりするなど、ポインティング以外のデバイスを使用してナビゲートする人は、に遭遇します<button>が、<img>スキップされます。

画像上でクリックイベントハンドラーを叩くだけで、アクセシビリティに大きな問題が発生します。

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

HTML角度でdivを折りたたむには、ボタンを2回クリックする必要があります

分類Dev

機能を続行しないためにボタンがクリックされたかどうかを確認する必要があります

分類Dev

フォームバリデーターがあり、ajaxにデータを送信するために送信ボタンを2回クリックする必要があります-なぜですか?

分類Dev

送信ボタンは、Reactで関数を呼び出すために2回クリックする必要があります

分類Dev

ボタンクリック時にgifを表示する必要があります

分類Dev

Tkinter入力ボックスをタートルスクリーンに埋め込む方法はありますか(ペイントを作成するため)

分類Dev

メモリリークを回避するために、画像を含むGridView / ListViewをどのように処理する必要がありますか?

分類Dev

モックを可能にするためにインターフェイスを使用する必要がありますか?

分類Dev

UILabelにテキスト(絵文字、特殊文字、リンクを含む)を設定し、リンクはクリック可能である必要があります

分類Dev

イベントを開催するためにボタンを2回クリックする必要があるのはなぜですか?

分類Dev

Android Studioで機能させるには、ボタンを2回クリックする必要があります

分類Dev

ラジオボタンは、変更を反映するために2回クリックする必要があります

分類Dev

ボタンをクリックするたびに、キャンセルするにはもう 1 回クリックする必要があります。

分類Dev

gridcontrolにあるチェックボックス値を取得するためにどのイベントを使用する必要がありますか

分類Dev

動作するためにボタンを2回クリックする必要があるのはなぜですか

分類Dev

画像アイコンをクリックすると、アイコンがクリック可能になり、ポップアップ[ダイアログボックス]が開いて新しい画像をアップロードする必要があります

分類Dev

shがbashまたはdashのシンボリックリンクである場合、bashはそれ自体をPOSIX準拠に制限するため、shと100%互換性がある必要がありますか?

分類Dev

Seleniumでjavascripボタンをクリックする必要があります

分類Dev

アンカータグリンクは、赤い枠で囲まれた領域内でのみ使用可能にする必要があります

分類Dev

スライダー画像ごとに、ボタンへのリンクを配置する必要があります

分類Dev

onclickボタンをトリガーするには2回クリックする必要があります

分類Dev

ボタンをクリックするたびに画像がフェードし、最初の画像の上に新しい画像が表示され始めますか?

分類Dev

SwiftUI:クリック時にボタンを1つだけ折りたたむ方法はありますか?すべてではありません

分類Dev

IndexError:リストインデックスが範囲外です。範囲内にある必要があります

分類Dev

onClickListenersを使用したxmlのAndroidボタンは、ボタンをクリックするためにもう一度クリックする必要があります

分類Dev

onclickを使用したjqueryリンクタグhrefは、ajaxをロードするために2回クリックする必要があります

分類Dev

緑から赤にクリックした後、ページ上の個々のオン/オフボタンの色を変更する必要があります

分類Dev

ディレクトリへのシンボリックリンクに末尾のスラッシュ/を含める必要がありますか?

分類Dev

ボタン#1はロード時にクリックでき、ボタン#2は2回クリックする必要があります。次に、ボタン#1も2回クリックする必要があります

Related 関連記事

  1. 1

    HTML角度でdivを折りたたむには、ボタンを2回クリックする必要があります

  2. 2

    機能を続行しないためにボタンがクリックされたかどうかを確認する必要があります

  3. 3

    フォームバリデーターがあり、ajaxにデータを送信するために送信ボタンを2回クリックする必要があります-なぜですか?

  4. 4

    送信ボタンは、Reactで関数を呼び出すために2回クリックする必要があります

  5. 5

    ボタンクリック時にgifを表示する必要があります

  6. 6

    Tkinter入力ボックスをタートルスクリーンに埋め込む方法はありますか(ペイントを作成するため)

  7. 7

    メモリリークを回避するために、画像を含むGridView / ListViewをどのように処理する必要がありますか?

  8. 8

    モックを可能にするためにインターフェイスを使用する必要がありますか?

  9. 9

    UILabelにテキスト(絵文字、特殊文字、リンクを含む)を設定し、リンクはクリック可能である必要があります

  10. 10

    イベントを開催するためにボタンを2回クリックする必要があるのはなぜですか?

  11. 11

    Android Studioで機能させるには、ボタンを2回クリックする必要があります

  12. 12

    ラジオボタンは、変更を反映するために2回クリックする必要があります

  13. 13

    ボタンをクリックするたびに、キャンセルするにはもう 1 回クリックする必要があります。

  14. 14

    gridcontrolにあるチェックボックス値を取得するためにどのイベントを使用する必要がありますか

  15. 15

    動作するためにボタンを2回クリックする必要があるのはなぜですか

  16. 16

    画像アイコンをクリックすると、アイコンがクリック可能になり、ポップアップ[ダイアログボックス]が開いて新しい画像をアップロードする必要があります

  17. 17

    shがbashまたはdashのシンボリックリンクである場合、bashはそれ自体をPOSIX準拠に制限するため、shと100%互換性がある必要がありますか?

  18. 18

    Seleniumでjavascripボタンをクリックする必要があります

  19. 19

    アンカータグリンクは、赤い枠で囲まれた領域内でのみ使用可能にする必要があります

  20. 20

    スライダー画像ごとに、ボタンへのリンクを配置する必要があります

  21. 21

    onclickボタンをトリガーするには2回クリックする必要があります

  22. 22

    ボタンをクリックするたびに画像がフェードし、最初の画像の上に新しい画像が表示され始めますか?

  23. 23

    SwiftUI:クリック時にボタンを1つだけ折りたたむ方法はありますか?すべてではありません

  24. 24

    IndexError:リストインデックスが範囲外です。範囲内にある必要があります

  25. 25

    onClickListenersを使用したxmlのAndroidボタンは、ボタンをクリックするためにもう一度クリックする必要があります

  26. 26

    onclickを使用したjqueryリンクタグhrefは、ajaxをロードするために2回クリックする必要があります

  27. 27

    緑から赤にクリックした後、ページ上の個々のオン/オフボタンの色を変更する必要があります

  28. 28

    ディレクトリへのシンボリックリンクに末尾のスラッシュ/を含める必要がありますか?

  29. 29

    ボタン#1はロード時にクリックでき、ボタン#2は2回クリックする必要があります。次に、ボタン#1も2回クリックする必要があります

ホットタグ

アーカイブ