<object>要素には代替テキストが必要です

ルールID: object-alt
ルールセット: axe-core 4.10
ユーザーへの影響: 深刻
ガイドライン: WCAG 2.1 (A), WCAG 2.0 (A), WCAG 2.2 (A), Section 508, EN 301 549
 

Need accessibility training?

Deque University offers an extensive curriculum of self-guided online courses for every skillset and experience level.

Compliance Data & Impact

User Impact

深刻
Minor
Critical

Disabilities Affected

  • 視覚障害
  • 視聴覚障害

Standard(s)

  • WCAG 2.1 (A)
  • WCAG 2.0 (A)
  • WCAG 2.2 (A)
  • Section 508
  • EN 301 549

WCAG 達成基準 [WCAG 2.1 (A)]

  • 1.1.1: 必須: Non-text Content

WCAG 達成基準 [WCAG 2.0 (A)]

  • 1.1.1: 必須: Non-text Content

WCAG 達成基準 [WCAG 2.2 (A)]

  • 1.1.1: 必須: Non-text Content

Section 508 ガイドライン

  • 1194.22: 必須: Web based intranet and Internet Information & Applications
  • 1194.22 (a): 必須: A text equivalent for every non-text element shall be provided (e.g., via "alt", "longdesc", or in element content)

    修正方法

    内部テキスト、title 属性、aria-label または aria-labelledby を用いて、すべての埋め込まれた <object> 要素に代替テキストを指定します。

    aria-label の例

    <object id="object123" aria-label="Video Clip" param="abc">
    

    alt テキストの例

    <object id="object123" alt="Video Clip" param="abc">
    

    なぜ重要なのか

    スクリーン・リーダーには、非テキストコンテンツをユーザーに通知できるテキストに変換する方法がありません。その代わり、それらは代替テキストを読み上げます。スクリーン・リーダーのユーザーが埋め込まれた <object> 要素から情報を得るには、短く詳細な代替テキストを持つ必要があります。

    object 要素はドキュメント内の埋め込まれたオブジェクトを定義します。それは、マルチメディア (オーディオ、ビデオ、アプレットなど) や他の web ページをドキュメントに埋め込むために使用されます。object 要素は、スクリーン・リーダーのユーザーがオブジェクトのコンテンツを理解できるよう、テキストによる代替が必要です。

    テキストによる代替を書くとき、alt テキストの目的は全盲のユーザーに画像の内容と目的を伝えることが目的だということを忘れないでください。全盲のユーザーは、目の見えるユーザーが画像から得る情報と同じだけ alt テキストから情報を得られるべきです。alt テキストは画像の意図、目的、そして意味を提供するべきです。

    代替テキストを書くときは、次の点に注意すると良いでしょう:

    • 非テキストコンテンツはなぜここにあるのでしょうか?
    • それはどのような情報を提示しているのでしょうか?
    • それはどのような目的を果たしているのでしょうか?
    • もし非テキストコンテンツを使用できない場合、同じ情報あるいは機能を提供するために、どのような言葉を使うでしょうか?

    この属性に含まれているすべてのテキストが役に立つようにします。「チャート」「画像」「図」などの単語や、画像のファイル名はあまり役に立ちません。

    ルールの説明

    すべての埋め込まれたオブジェクトには、スクリーン・リーダーのユーザーに読み上げられるためのテキストによる代替がなければなりません。

    仕組みについて (簡単に言うと)

    すべての object 要素にテキストによる代替が存在することを確認します。

    リソース

    その他のリソース

    その他リソースもあわせてご参照ください。

    axe 4.10 ルールの一覧 を参照する

    この情報は役に立ちましたか?

    すでにフィードバックをいただきました、ありがとうございます。.

    あなたの回答は次のとおりです。

    この情報は役に立ちましたか?
    フィードバックが提出された日付/時刻: