N010 情報をもっている画像は、画像としてアクセシブルな名前をもっている

遵守度
MUST
自動チェック
一部可能
対象
画像
フェーズ
  1. フロントエンド実装

チェックの内容

画像が情報をもっている場合、要素は画像としてアクセシブルな名前をもっているか確認します。

  • DevToolsからアクセシビリティツリーに公開されていることを確認します
    • ARIA Roleがimgもしくはimageであることを確認します
    • アクセシブルな名前が設定されていることを確認します
      • アクセシブルな名前が適切かどうかは[N001]で確認します
  • スクリーンリーダーで「画像」とアクセシブルな名前が読み上げられることを確認します

アクセシブルな名前の実装

アクセシブルな名前は以下などの方法にて実装されます。どの方法が使われているかを確認する必要がある場合は参考にしてください。

制作時の注意点

[WIP]書きかけ

関連するWCAG達成基準

参考リンク