エントリーの編集
![loading...](https://b.st-hatena.com/bdefb8944296a0957e54cebcfefc25c4dcff9f5f/images/v4/public/common/loading@2x.gif)
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
imgタグのalt属性の目的に応じた書き方を、W3Cのチュートリアルで理解しよう | デザインメモ 2.0
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
![アプリのスクリーンショット](https://b.st-hatena.com/bdefb8944296a0957e54cebcfefc25c4dcff9f5f/images/v4/public/entry/app-screenshot.png)
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
imgタグのalt属性の目的に応じた書き方を、W3Cのチュートリアルで理解しよう | デザインメモ 2.0
※ワールドワイドウェブコンソーシアム(W3C)ウェブアクセシビリティイニシアティブ(WAI):ウェブアク... ※ワールドワイドウェブコンソーシアム(W3C)ウェブアクセシビリティイニシアティブ(WAI):ウェブアクセシビリティの国際標準として広く認知されることを目的としたガイドライン そもそも、なぜalt属性を書く必要があるのか?alt属性を書くのはアクセシビリティのため、というのはなんとなく認識がある方も多いと思いますが、目的の前にalt属性が必要となる場面をイメージするためにも、改めておさらいしましょう! W3CのImages Tutorialに記載されている文章を元に、下記にalt属性が有益な場面を書き出してみました。 alt属性が有益な場面スクリーンリーダーを利用する時 ・・・代替テキストの読み上げや(点字端末への)点字表示ができる 音声入力ソフトを利用する時 ・・・ボタンやリンク画像に音声でフォーカスを合わせることができる 音声対応のWebサイトを閲覧する時 ・・・代替テキストの読み上げ