異なる提示を可能にするために、情報と構造を表現から分離する

達成方法に関する重要な情報

この達成方法 (参考) の使用法と、この達成方法が WCAG 2.1 達成基準 (規定) とどのように関係するのかに関する重要な情報については、WCAG 達成基準の達成方法を理解するを参照のこと。適用 (対象) のセクションは、その達成方法の範囲について説明しており、特定の技術に関する達成方法の存在は、その技術があらゆる状況で WCAG 2.1 を満たすコンテンツを作成するために使用できることを意味するものではない。

適用 (対象)

あらゆるウェブコンテンツ技術。

これは、次の達成基準に関連する達成方法である:

解説

この達成方法の目的は、表現的なエンコーディングからコンテンツの構造的なエンコーディングを論理的に分離することによって、支援技術のコンテンツとのインタラクションを容易にすることである。構造的なエンコーディングとは、見出し、段落、リスト、テーブルなどの要素を指定することであり、その目的のために用意されたウェブコンテンツ技術の機能を使用することによって行われる。一方、表現的なエンコーディングとは、書体、色、サイズ、位置、ボーダーのような書式効果の指定であり、ウェブコンテンツ技術の機能によってもサポートされている。

表現的な特性は視覚的に構造を暗示する、つまり利用者は用いられている書式設定の慣例から、見出し、段落、リストなどを判断できる。その一方で、これらの特性は、支援技術によるそのページとの効果的なインタラクションに十分なほど曖昧さのないように構造をエンコードしているわけではない。独立した構造、機能、及び提示レイヤーを提供することにより、書式設定によって暗示されたセマンティクスが、構造レイヤーを通してプログラムによる解釈が可能になる。

この達成方法を用いることによって、ユーザエージェントでは次のことが可能になる:

事例

事例 1: CSS 付きの HTML

HTML ドキュメントは、段落、リスト、見出しなど HTML の構造特性を用いて、書体の変更、レイアウトのヒントなどの表現的な特性を避けている。CSS は、構造的なプロパティに基づいてドキュメントをフォーマットするために使用されている。HTML において精巧に作成された "class" 属性は、必要に応じて構造的なマークアップのセマンティクスを拡張し、より柔軟なフォーマットを CSS によって可能にする。支援技術は、CSS を代用もしくは拡張して表現を変更する、又は CSS を無視して構造的なエンコーディングと直接やりとりをする。

事例 2: タグ付き PDF

PDF ドキュメントは、書式設定情報が組み込まれているコンテンツでほとんど成り立っている。構造に関する情報は、XML のようなタグを用いてドキュメントの別セクションの中で提供されており、これは「タグ付き PDF」と呼ばれている。それらのタグの中にある情報は、支援技術が意味のある構造の変換を実行する (例えば、セクションのリストを生成する) ため、又は構造的な特徴に基づいたコンテンツとのインタラクションをサポートする (例えば、フォームの先頭にジャンプする) ために使用可能である。

検証

手順

  1. ドキュメントのエンコーディングを調べる。
  2. 構造情報と機能が明示的に提供され、表現的な情報から論理的に分離されていることを確認する。

期待される結果

  • 2. の結果が真である。