前の問題次の問題

※ 著作権上の問題により掲載を取りやめています。

---
[出典:ウェブデザイン技能検定 2級 平成29年度(2017) 第1回試験 問17]

解答

正解
4
難易度
取組履歴
ログインすると履歴が残ります
解説
解説のユーザー評価:未評価
W3CのWCAGには以下の記載があります。

img要素を使用するときは、簡潔な代替テキストをalt属性に指定する。注記:この属性の値は「ALTテキスト」ともいう。
よって、通常であれば「ホーム」を入れるのが正解となります。
しかし、ここでは aタグの中にテキストでホームと入っており、支援技術がこの画像を読み飛ばしても問題ありません。
よって、この場合は alt="" と空に指定します。

「alt属性無し」と「空」では意味が異なり、空の場合は、
それは画像を無視して差し支えない」ことを意味します。

・altについての記載
画像がコンテンツを理解するために重要な文字を含むとき、代替テキストにはそれらの文字を含めなくてはならない。これにより、代替テキストはページ上で画像と同じ役割を果たすことができる。 代替テキストは、画像自体の視覚的な特徴を説明する必要はないが、画像と同じ意味を伝えなければらないことに注意する。

・altを空にすべき場合について
この達成方法の目的は、支援技術が無視できるように画像をマークアップする方法を示すことである。
title 属性が使用されておらず、代替テキストが空に指定されているなら (例 alt="")、それは画像を無視して差し支えないことを支援技術に示している。
ログインすると解説の投稿・編集が可能となります。

関連用語

個人メモ(他のユーザーからは見えません)
メモを残すにはログインが必要です
コメント一覧
  • user
    bear
    「ホーム」が正解なのに空が正解なのかよくわからない
    2019-02-16 17:09:56
    • user
      管理人
      ご指摘ありがとうございました。解説を補足修正しました。
      2019-02-16 18:09:24
※ コメントには[ログイン]が必要です。