WCAG 2.0 実装方法集

メインコンテンツへスキップ

-

H62: ruby要素を用いる

適用(対象)

XHTML 1.1

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

ユーザーエージェント及び支援技術によるサポート

XHTML 1.1をサポートしていないユーザーエージェントのために、ルビのマークアップには、代替メカニズムとしてのrp要素を含める。ルビのマークアップはXHTML 1.1のみで定義されているにもかかわらず、IE 5.0以降は、rubyrtrp要素をHTML 4.01やXHTML 1.0で用いた場合もサポートする。

解説

この実装方法の目的は、読みかたの情報、及び意味が読みかたによって決まる場合の連続するテキストの意味に関する情報を提供するために、ルビを振ることである。

多くの言語では、連続するテキストが読み方によって意味が異なる場合がある。これは、ヘブライ語、アラビア語、ほかの諸言語と同様に東アジア言語によくある。また、英語など西ヨーロッパ言語でも起こる。

「Ruby Annotation」はXHTML 1.1のモジュールのひとつとして定義されている。コンテンツ制作者は「Ruby Annotation」によって、読み方や、場合によっては定義を提供すべく、「ベーステキスト」に注釈を加えることができる。日本語など東アジア言語のテキストでは、ルビが当たり前に利用される。

ルビのマークアップには、単純な方法と複雑な方法の2種類がある。単純ルビマークアップは、連続するテキストをひとまとまりの語句として扱う。これが「ベース」テキスト(rb要素)である。その用語の読み方を示すルビ注釈(rt要素、ルビテキスト)は、小さめのフォントで表示される。(「ルビ」という用語は、印刷でこの目的のために使用される小さい活字が由来)。ルビテキストは通常、ベーステキストの上か直前に、すなわち横書きのテキストでは上に、縦書きのテキストでは右に隣接して描画される。日本語では、テキストの意味を提供するために、読み方のルビに対して(視覚的に)ベーステキストの反対側に、ルビを用いることもある。また、単純ルビマークアップでは、ルビのマークアップをサポートしていない(つまり、XHTML 1.1をサポートしていない)ユーザーエージェントのために、「フォールバック機能」オプションを提供する。

複合ルビマークアップでは、ベーステキストを小さな単位に分け、ルビ注釈を別々に関連づけることができる。複合ルビマークアップではフォールバックオプションはサポートされない。

読みかたを伝える発音区別符号がUnicodeフォントに含まれているヘブライ語などの言語では、ルビが用いられるのは稀である。また、英語やヨーロッパ言語でも珍しい。

注記:ルビ又は他の方法によって読み方を示す主な理由は、読みかたさえ提供されていれば、コンテンツの書かれた言語を読み、理解することが可能な、障害のある利用者がコンテンツにアクセスできるようにするためである。ただし、そのコンテンツが書かれている言語に馴染みがない利用者のために、読みかたを提供する必要はない。

事例

事例 1:頭文字語の読みかたを提供するルビのマークアップ

この事例では、Web Content Accessibility Guidelinesという複数の単語の1文字目をとって作った頭文字語(頭字語)の読み方を提供するために、ルビを用いている。WCAGという文字がルビベース(rb要素)であり、読み方をルビテキスト(rt要素)として示す。ルビのカッコを指定するrp要素は、ルビをサポートしていないユーザーエージェントに対して、rt要素で囲まれたテキストが読み方を提供していることを示すために用いられる。ベーステキストの直後にカッコ付きで読み方を描画する(ルビをサポートしているユーザーエージェントでは、カッコは表示されない)。

コード例:

<p>われわれがこのガイドラインについて話し合うときは、
  <ruby>
    <rb>WCAG</rb>
    <rp>(</rp>
    <rt>Wuh-KAG</rt>
    <rp>)</rp>
  </ruby>
と呼ぶ。</p>

事例 2:日本語のルビ注釈

次は、日本語の事例である。日本語では漢字の読み(ふりがな)を提供するのにルビが用いられる。ルビのカッコを指定するrp要素は、読みかたを提供するrt要素のテキスト、つまりルビをサポートしていないユーザーエージェントが利用し、ベーステキストの直後にカッコ付きで読み方を描画する(ルビをサポートしているユーザーエージェントでは、カッコは表示されない)

コード例:

<p>
  <ruby>
    <rb>慶應大学</rb>
    <rp>(</rp>
    <rt>けいおうだいがく</rt>
    <rp>)</rp>
  </ruby>
</p>    

参考リソース

この参考リソースは、あくまでも情報提供のみが目的であり、推薦などを意味するものではない。

検証

チェックポイント

読みかたを提供するルビ注釈をつけた、連続するテキストについて:

  1. rb要素で定義した連続するテキストに、rt要素で読みかたが指定してある。

  2. 単純ルビマークアップを用いている場合、rp要素を指定して、ルビをサポートしていないユーザーエージェントに対して、rt要素に囲まれたテキストが読み方を提供していることを示している。

判定基準

注意: この実装方法が「達成基準を満たすことのできる実装方法」の一つである場合、このチェックポイントや判定基準を満たしていなければ、それはこの実装方法が正しく用いられていないことを意味するが、必ずしも達成基準を満たしていないことにはならない。場合によっては、別の実装方法によってその達成基準が満たされていることもありうる。

日本語訳における注記:

この文書の正式版は、W3Cサイトで公開されている英語の文書であり、この日本語訳には誤訳が含まれていることもありえます。なお、文中にある「日本語訳における注記」は、W3Cの原文にはないものであり、日本語訳監修者が追記したものです。