代替テキストヘルパーとは?

画像の種類を選び、タイプ別のガイドに沿ってaltテキストを書き、アクセシビリティチェックリストで確認できます。スクリーンリーダー対応の説明文を書くためのヒントと例付き。

使い方

  1. 説明する画像のタイプを選択:写真、アイコン、グラフ、装飾画像、情報画像のいずれか。
  2. 画像タイプに合ったガイドを参考に、簡潔な説明を書きましょう。
  3. アクセシビリティチェックリストでaltテキストを確認し、HTMLやCMSで使用するためにコピーします。

結果

Q1売上を示す棒グラフの場合:「chart.png」ではなく、「2024年第1四半期の地域別売上を示す棒グラフ:北米210万ドル、欧州180万ドル、アジア140万ドル」と記述します。

関連ツール