alt テキストを EPUB の画像に追加する

EPUB ブックに画像を追加する場合、アクセシビリティに配慮し、画面読み上げ機能をお使いの方でも画像の内容がわかるように、alt テキスト (代替テキスト) に簡単な説明を記述できます。

画面読み上げ機能を使うと、alt テキストも含め、テキストが読み上げられるので、音声で聞くことができます。ブック内の画像の個所に来ると、alt テキストが読み上げられるため、画像の内容や前後関係における位置付けを理解できます。

alt テキストは、HTML の <img> タグ内に指定される画像要素の属性です。alt 属性を src (画像ソース) 属性の後に置いて、画像を説明するテキストを引用符で囲んで指定します。たとえば、下記のようになります。

<img class="background" src="/libraryimages/page2/page2.jpg" alt="a girl with golden hair in front of a blue sky" />

青空の前にいる少女

すべての読者に楽しんでいただけるよう、アクセシビリティに配慮した EPUB ブックを作成するには、すべての画像に alt 属性を追加します。画像が装飾用で内容や意味が特にない場合は、alt='''' と指定できます。次のような alt 属性は指定できません。

  • alt="none"
  • alt="nothing"
  • alt="image"
  • alt="page 3"

Mac および iOS のアクセシビリティ機能の詳細については、こちらを参照してください。

公開日: