【注意】この文書にはより新しいバージョンが存在します: WCAG 2.1 達成方法集
dir
属性を使用するこの達成方法 (参考) の使用法と、この達成方法が WCAG 2.0 達成基準 (規定) とどのように関係するのかに関する重要な情報については、WCAG 達成基準の達成方法を理解するを参照のこと。適用 (対象) のセクションは、その達成方法の範囲について説明しており、特定の技術に関する達成方法の存在は、その技術があらゆる状況で WCAG 2.0 を満たすコンテンツを作成するために使用できることを意味するものではない。
HTML 及び XHTML
これは、次の達成基準に関連する達成方法である:
注記: この達成方法は、達成基準 1.3.2 を満たす他の達成方法と組み合わせなければならない。詳細については、 達成基準 1.3.2 を理解するを参照すること。
この達成方法の目的は、入れ子になった表記方向が含まれるテキストについて、インライン要素の dir
属性で方向の変化を指定することである。入れ子になったテキストの表記方向とは、たとえば英語のパラグラフで、文章が次々と続いている中にヘブライ語の引用文が含まれるといった、表記方向の異なるテキストが混在したテキストの表記方向のことである。表記方向の異なるテキストが混在し、スペースや句読点が含まれていると、Unicode の双方向アルゴリズムだけでは望ましくない結果になってしまうので、テキストを span
要素や他のインライン要素で囲み、dir
属性を指定する必要がある。この達成方法の考え方は、What you need to know about the bidi algorithm and inline markup で説明されている。
訳注: 上記の「What you need to know about the bidi algorithm and inline markup」は、「Inline markup and bidirectional text in HTML」とタイトルが変更されている。
この事例では、ヘブライ語と英語のように、混在したテキストの表記方向を持つ文章で、右から左へと表記すべき入れ子になったテキストの表記方向を明らかにする。引用全体はヘブライ語であり、右から左に表記されるが、「W3C」というテキストとカンマは、次のようにヘブライ語のテキストの左側に (すなわち、後ろに) 現れるべきである:
The title is "פעילות הבינאום, W3C" in Hebrew.
視覚的な順序に基づく ASCII (右から左へ表記するテキストは大文字で、左から右へ表記するテキストは小文字で書く) では、次の通りである:
the title is "w3c ,YTIVITCA NOITAZILANOITANRETNI" in hebrew.
正しく表示するためには、Unicode の双方向アルゴリズムだけでは不十分なため、次に示すように「W3C」というテキストが引用の中で右側に置かれたままである:
The title is "פעילות הבינאום, W3C" in Hebrew.
視覚的な順序に基づく ASCII では、次の通りである:
the title is "YTIVITCA NOITAZILANOITANRETNI, w3c" in hebrew.
次のようにマークアップすることによって、期待する結果が得られる。
コード例:
<p>The title says "<span lang="he"
dir="rtl"><span dir="rtl">פעילות הבינאום, W3C</span></span>" in Hebrew.</p>
この参考リソースは、あくまでも情報提供のみが目的であり、推薦などを意味するものではない。
文書内のテキストの表記方向を調べる。
テキストの表記方向が右から左である場合、属性の値が "rtl
" である、dir
属性を持つ先祖要素を確認する。
テキストの表記方向が左から右である場合、dir
属性を持つ先祖要素がない、又は属性の値が "ltr
" である、dir
属性を持つ先祖要素がないことを確認する。
全てのテキストに対して 2. 及び 3. の結果が真である。
この達成方法が「十分な達成方法」の一つである場合、この手順や期待される結果を満たしていなければ、それはこの達成方法が正しく用いられていないことを意味するが、必ずしも達成基準を満たしていないことにはならない。場合によっては、別の達成方法によってその達成基準が満たされていることもありうる。