【注意】この文書にはより新しいバージョンが存在します: WCAG 2.1 達成方法集

WCAG 2.0 達成方法集

Skip to Content (Press Enter)

このページのコンテンツ:

-

PDF11: PDF 文書内で Link アノテーションと /Link 構造要素を使用してリンクとリンクテキストを提供する

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

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

適用 (対象)

リンクを含む PDF 文書

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

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

PDF11 に関するユーザエージェントサポートノートを参照のこと。PDF テクノロジーノートも参照。

解説

この達成方法の目的は、キーボードおよび支援技術の利用者が認識できるように PDF 文書内のリンクテキストをマークアップする方法を示すことである。つまり、リンクが別の形式で表示されたときに認識可能であるように、リンク情報をプログラム的に利用可能にする。これは通常、PDF のオーサリングツールを使用して行う。

PDF 文書内のリンクは、そのサブツリー内のリンクタグおよびオブジェクトで表わされ、リンクオブジェクト参照 (リンク注釈) と 一つまたは複数のテキストオブジェクトで構成される。リンクタグ内のテキストオブジェクトまたはオブジェクトは、リンクの名前を提供するために支援技術で使用される。

WCAG 達成基準に適合するリンクを提供する最も容易な方法は、PDF に変換する前の、文書をオーサリングする段階でリンクを作成することである。

ただし、元のオーサリングツールを使用してリンクを作成することができない場合もある。そのような場合は、Adobe Acrobat Pro を使用してリンクを作成することができる。ただし、Adobe Acrobat Pro のリンクダイアログボックスを使用して作成したツールヒントは、スクリーンリーダーからアクセスできないため、そのリンクテキストまたはリンクの文脈で目的を明確にすること。

いかなる場合でも、次の一般的なテクニックで説明されているように、リンクの目的を明確にする必要がある。

事例

事例 1: PDF に変換する前に Microsoft Word 2007 でハイパーリンクを作成する

この事例は Microsoft Word の場合を示している。同様の機能を実行するソフトウェアツールは他にも存在する。他のソフトウェアツールのリストについては、「アクセシビリティがサポートされている PDF オーサリングツール」を参照のこと。

Microsoft Word でハイパーリンクを作成するには、まずリンク先の項目 (Web ページなど) を特定する。次に、以下の作業を行う。

  1. 次のいずれかの作業を行う

    • リボン上にある「挿入」を選択し、リンクツールの「ハイパーリンク」を選択する/p>

    • Ctrl + K キーボードショートカットを使用する

  2. ハイパーリンクの挿入ダイアログボックスで、リンク先とリンクテキストを追加する

  3. タグ付き PDF としてファイルを保存する (「PDF テクノロジーノート」を参照のこと)

事例 2: PDF に変換する前に OpenOffice.org Writer 2.2 でハイパーリンクを作成する

この事例は OpenOffice.org Writer の場合を示している。同様の機能を実行するソフトウェアツールは他にも存在する。他のソフトウェアツールのリストについては、「アクセシビリティがサポートされている PDF オーサリングツール」を参照のこと。

  1. ［挿入］メニューの［ハイパーリンク］を選択する

  2. ［ハイパーリンク］ダイアログボックスで、「ハイパーリンクの種類」の「ターゲット」フィールドにリンク先の URI を挿入する

  3. 「詳細設定」の「テキスト」フィールドにリンクテキストを挿入する (このダイアログボックスを表示する前に、文書のテキストからリンクテキストを選択することもできる。選択したテキストが「テキスト」フィールドに挿入される)

  4. タグ付き PDF としてファイルを保存する (「PDF テクノロジーノート」を参照のこと)

事例 3: Adobe Acrobat 9 Pro でリンクの作成ダイアログボックスを使用してハイパーリンクを作成する

この事例は Adobe Acrobat Pro の場合を示している。同様の機能を実行するソフトウェアツールは他にも存在する。他のソフトウェアツールのリストについては、「アクセシビリティがサポートされている PDF オーサリングツール」を参照のこと。

  1. リンクテキストにするテキストを選択する

  2. コンテキストメニューから［リンクの作成］を選択する

スクリーンショット: ハイパーリンクを作成するためにテキストが選択されている PDF 文書。コンテキストメニューで［リンクの作成］が選択されている。

3. リンクの作成ダイアログボックスの指示に従い、以下に示されているように、リンクの外観を指定する

スクリーンショット: リンクの作成ダイアログボックスが開き、「リンクの外観」のオプションが選択されている PDF 文書。

「次へ」を選択し、URI を指定する。次の画像は、結果として表示されるハイパーリンクとツールヒントを示している。

スクリーンショット: リンクの作成ダイアログボックスを使用して作成されたハイパーリンクがあり、マウスオーバーによりツールヒントが表示されている PDF 文書。

この事例のサンプルとして、PDF でハイパーリンクを作成したサンプル (PDF ファイル) がある。

事例 4: /Link 構造エレメントを使用してリンクテキストをマークアップする

PDF 文書内のリンク注釈は、コンテンツストリームの特定のオブジェクトではなくページの幾何学的領域に関連付けられる。このため、リンク注釈は単独では、視覚障害のある利用者、またはハイパーテキストリンクを起動するためにどのコンテンツをアクティブ化できるのかを判断する必要のあるアプリケーションにとって有用ではない。

タグ付き PDF の /Link エレメントは、PDF の論理構造を使用してコンテンツ項目とリンク注釈の間の関連付けを確立し、HTML ハイパーテキストリンクに相当する機能を提供する。

HTML の場合、次の事例はハイパーテキストリンクを含むテキストを生成する。

Here is some text <a href="http://www.w3.org/WAI/"> with a link </a> inside.

PDF の場合、最初にページが表現され、オブジェクトアクションが発生する領域にリンク注釈が配置される必要がある。

次のコードフラグメントは、アンダーラインの付いた青色で表示されるリンクテキストを使用する、上述の HTML に相当する PDF を示している。次に続く 2 番目のコードフラグメントは、関連付けられた論理構造階層を示している。これは通常、オーサリングツールを使用して行う。

 /P <</MCID 0>>                                                % マークされたコンテンツ順序 0 (段落)
  BDC                                                          % マークされたコンテンツ順序の始まり
   BT                                                          % テキストオブジェクトの始まり
    /F1 11.04 Tf                                               % テキストのフォントおよびサイズの設定
    1 0 0 1 72.024 709.54 Tm                                   % テキストマトリクスの設定
    0 g                                                        % ストローク以外の色を黒に設定
    0 G                                                        % ストロークの色を黒に設定
   [(H)3(ere )-4(is s)10(o)5(m)-4(e)9( t)-3(e)9(xt)-3( )] TJ   % リンク " Here is some text" の前にテキストを表示
   ET                                                          % テキストオブジェクトの終わり
  EMC                                                          % マークされたコンテンツ順序の終わり
 
 /Span <</MCID 1>>                                             % マークされたコンテンツ順序 1 (下線付きのリンクテキスト)
  BDC                                                          % マークされたコンテンツ順序の始まり
   BT                                                          % テキストオブジェクトの始まり
    1 0 0 1 152.42 709.54 Tm                                   % テキストマトリクスの設定
    0 0 1 rg                                                   % ストローク以外の色を青に設定
    0 0 1 RG                                                   % ストロークの色を青に設定
    [(with a )-2(li)3(n)14(k)] TJ                              % リンクテキスト " with a link" の表示
   ET                                                          % テキストのオブジェクトの終わり
    0 0 1 rg                                                   % ストロークの色を青に設定
    152.42 707.62 45.984 0.72 re                               % 長方形のオペレータ - リンクの対象領域
    f*                                                         % 偶数奇数ルールを使用してパスを塗りつぶす
  EMC                                                          % マークされたコンテンツ順序の終わり
 
 /P <</MCID 2>>                                                % マークされたコンテンツ順序 2 (段落)
  BDC                                                          % マークされたコンテンツ順序の始まり
   BT                                                          % テキストオブジェクトの始まり
    1 0 0 1 198.41 709.54 Tm                                   % テキストマトリクスの設定                                             
    0 g                                                        % ストローク以外の色を黒に設定
    0 G                                                        % ストロークの色を黒に設定
    [( )] TJ                                                   % テキストストリングを空にして空白を表示
   ET                                                          % テキストオブジェクトの終わり
   BT                                                          % テキストオブジェクトの始まり
    1 0 0 1 200.93 709.54 Tm                                   % テキストマトリクスの設定
    [(in)5(sid)5(e.)] TJ                                       % リンクの後にテキスト "inside." を表示
   ET                                                          % テキストの終わり
   BT                                                          % テキストオブジェクトの始まり
    1 0 0 1 229.97 709.54 Tm                                   % テキストマトリクスの設定
    [( )] TJ                                                   % テキストストリングを空にして空白を表示
   ET                                                          % テキストオブジェクトの終わり
  EMC                                                          % マークされたコンテンツ順序の終わり

次のコードフラグメントは、コンテンツ項目とリンク注釈の間の関連付けを確立する論理構造からの抜粋である。

 11 0 obj                                              % オブジェクト ID 11、生成 0、obj キーワード
  <</K[1                                               % 構造ツリールートの直接の子
   <<
    /Obj 26 0 R                                        % 26 への参照
    /Type/OBJR                                         % このオブジェクトは間接的なオブジェクト参照を表す
   >>]
    /P 12 0 R
    /Pg 17 0 R
    /S/Link
  >>
 endobj
 
 26 0 obj                                              % オブジェクト 11 内の OBJR によって参照されるオブジェクト ID 26
  <</A 31 0 R
   /BS
   <</S/S
     /Type/Border
     /W 0
   >>
   /Border[0 0 0]                                      % 色なし境界線
   /H/I
   /Rect[150.128 694.558 200.551 720.0]                % リンク注釈がアクティブな対象領域を定義する境界
   /StructParent 1
   /Type/Annot                                         % 構造エレメントは注釈
   /Subtype/Link
  >>                                                           % リンク注釈                                                 
 endobj     
 31 0 obj                                              % オブジェクト 31、生成 0、obj
  <</S/URI                                             % オブジェクトタイプは URI アクション
    /URI(http://www.w3.org/WAI)                        % 解決する URI
  >>   
 endobj

参考リソース

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

検証

手順

各ハイパーリンクについて、リンクが正しくタグ付けされており、リンクテキストが適切に表示されることを確認する。

  1. PDF 文書をスクリーンリーダーで読み上げると、リンクが正しく読み上げられ、リンクの目的 (例えば、リンク先) が説明されている。

  2. タグツリーを視覚的にスキャンすると、リンクが正しくタグ付けされ、(スクリーン拡大鏡の利用者と、認知障害があるが視力のある利用者向けに) リンクテキストが表示される。

  3. /Link エントリ値を表示できるツールを使用して PDF 文書を開き、ハイパーリンクとリンクテキストを表示する。

  4. アクセシビリティ API を通じて文書を表示するツールを使用し、リンクに正しいリンクテキストがあることを確認する。

  5. 各リンクにタブ移動し、Enter を押すことによりそのリンク先にアクセスできる。

期待される結果

この達成方法が「十分な達成方法」の一つである場合、この手順や期待される結果を満たしていなければ、それはこの達成方法が正しく用いられていないことを意味するが、必ずしも達成基準を満たしていないことにはならない。場合によっては、別の達成方法によってその達成基準が満たされていることもありうる。

このウェブページは、WCAG 2.0 達成方法集: WCAG 2.0 の達成方法と失敗例 (この文書の最新版 (英語) を参照してください) の一部です。文書全体を単一 HTML ファイルにしたものもご利用いただけます。この文書と、Web Content Accessibility Guidelines (WCAG) 2.0 に関連する他の文書との関係については、The WCAG 2.0 Documents をご覧ください。パブリックコメントを送るには、Instructions for Commenting on WCAG 2.0 Documents に従ってください。

Copyright © 2016 W3C® (MIT, ERCIM, Keio, Beihang). W3C liability, trademark and document use rules apply.

【注意】 この文書は、W3C ワーキンググループノート Techniques for WCAG 2.0 の 2016 年 10 月 7 日時点での最新版をウェブアクセシビリティ基盤委員会 (WAIC) が翻訳して公開しているものです。この文書の正式版は、W3C のサイトにある英語版です。正確な内容については、W3C が公開している原文 (英語) をご確認ください。この翻訳文書はあくまで参考情報であり、翻訳上の誤りが含まれていることがあります。翻訳上の誤りを見つけられた場合は、翻訳に関するお問い合わせからご連絡ください。

【重要】 達成方法のタイトルが英語のままになっているものは、日本語訳を行っていないため、原文 (英語) にリンクしています。