解説

トピックに注意を引いたり、重要なポイントを強調したりするために、現在のコンテンツから目立つように配置または強調表示された引用文。

例1 — テキスト内で使用されるプルクオート
<p>With a deafening crack, 
   <span role="doc-pullquote presentation" id="pq01">a
   cornice broke free high above, unleashing a massive 
   avalanche</span>. … </p>
例2 — テキストから複製されたプルクオート
<blockquote role="doc-pullquote presentation" aria-hidden="true">
   there are few things as important as toast
</blockquote>

ARIAとの関係

doc-pullquoteは、noneロールからセマンティクスを継承します(つまり、プレゼンテーション用です)。

使用方法

このロールは、通常、プルクオートが出版物のコンテンツ内でタグ付けされている場合にspan要素で使用します(つまり、テキストは後でスクリプトによって抽出され、フォーマットされてプレゼンテーション用のプルクオートが作成されます)。

doc-pullquoteは、引用文が別の要素に複製された場合に、通常、 blockquoteasidediv要素で使用します。これらの場合にaria-hidden属性を追加すると、支援技術のユーザーに再度コンテンツが読み上げられるのを防ぐことができます。ARIAの将来のバージョンでは、プルクオートのような繰り返しコンテンツに新しいロールが導入され、例えば、デフォルトでは無視されるものの、引用文をざっと読みたいユーザーは引き続きそこにアクセスできるようなプルクオートの機能が追加される予定です。

注:ARIA 1.1仕様では現在、noneのサポートが普及するまで、presentationをバックアップロールとして追加することを推奨しています。noneを継承しているdoc-pullquoteにも、同じアドバイスが適用されます。

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

関連リンク