解説

作品の雰囲気やトーンを決定づける画像で、通常、タイトルと著者が記載されています。

例1 — 表紙画像
<img role="doc-cover" class="cover-img" src="cover.jpg" alt="…"/>

ARIAとの関係

doc-coverは、imgロールからセマンティクスを継承します。

使用方法

doc-coverは、画像を識別するために、通常はimg要素で使用します。コンテナ要素(例:sectiondiv)内で表紙ページの全コンテンツをひとまとめにする目的で使用するのは適切ではありません

出版物の表紙は通常、文書のランドマークには不要ですが、必要に応じてARIA regionロールを使用して追加できます。

<section role="region" aria-label="Cover">
   <img role="doc-cover" class="cover-img" src="cover.jpg" alt="…"/>
</section>

role属性に認められる値についての簡易リストは、EPUBタイプによるARIAロール製作ガイド(EPUB Type to ARIA Role Authoring Guide)対応表をご覧ください。正式なリストは、HTMLのARIAについて(ARIA in HTML)を参照してください。

関連リンク