テキストの横にある画像のための最高のアクセシビリティ練習?
KatieHu 受付中
最終更新日:2021-06-17 14:35
以下のイメージの例のように、イメージの横に画像の横に配置されている簡単な読み込みコンテンツを作成しています.彼らはスクリーンリーダーによって正しい順序で読む必要があります.
これをする最善の方法は何ですか?私はいくつかの異なる方法を識別しました:
-フローティングイメージを使用してテキストの横に配置する
-tableを使用して画像とテキストを並べる
-
の横にあるテキストボックスを持つインライン画像を使用するただし、スクリーンリーダーのイメージはインラインであり、table以外のコンテンツのtableを使用しないでください.だから私は最初の2つのオプションが出ていると思います.インラインテキストとテキストボックスを使用してアクセシビリティの問題はありますか?
スクリーンリーダーと念頭に置いてこの効果を得るための最良の方法は何ですか?
ありがとう
katie
返信リスト(回答:1)
1 #
JimGord
こんにちはケイティ、
代替テキストを使うことについては何も言及しませんでした.各画像は、画像を右クリックして[Alt Text編集]を選択して入力することができる代替テキストタグを持つ必要があります.
レイアウト目的のために考えて、それが私であったら私がそれらを望み、スクリーンショットを取って、その絵を単一のオブジェクトとして挿入し、必要な代替テキストを画像に追加します.