WCAG 2.0 実装方法集

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

-

H70: フレームを用いて、繰り返されているコンテンツのブロックをグループ化する

適用(対象)

フレームを用いているHTML及びXHTMLドキュメント

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

解説

この実装方法の目的は、繰り返しているブロックをグループ化するために、どのようにフレームセットを用いることができるかを示すことである。ユーザーエージェント及び支援技術のほとんどが、フレームからフレームへとナビゲートする手段を提供しているため、要素をまとめるのにフレームを使うことによって、繰り返されているコンテンツのブロックを簡単に通過できるメカニズムを提供することができる。ウェブサイトでフレームセットを用いている場合、コンテンツのブロックそれぞれを別々のフレームにまとめられる。そして、繰り返しているコンテンツのブロックを、各ウェブページのフレームセットの中で、同一のフレームに表示させる。さらに、各flame要素には、そのフレームの内容を説明するtitle属性を指定しなければならない。フレームに適切なタイトルが付いていれば、ユーザーはフレームのナビゲーション機能を使用してコンテンツのブロック間を簡単に移動することができるようになる。

この実装方法は、ページ内のコンテンツを構成するのに既にフレームセットを用いている場合に適している。フレームセットを用いていないウェブページには、他の実装方法を用いることが望ましい。多くの支援技術ユーザーは、フレームの扱いに手間がかかるからである。さらに対応が望まれる実装方法(参考)として、ノーフレーム(noframes要素)を用いる実装方法が、達成基準 4.2.1【訳者:原文では「4.2.1」となっていますが、「1.1.1」が正しいと考えられます。WCAGワーキンググループに確認中です。】にある。

事例

事例1

次のコード例では、コンテンツを構成するのに2つのフレームを用いている。1つ目のフレームのソースはnavigation.htmlというウェブページであり、ナビゲーションのためのHTMLが含まれている。このフレームには、ナビゲーションバーであることを特定するtitle属性が指定してある。2つ目のフレームはサイトの主要コンテンツであり、main.htmlがソースである。title属性に「主要ニュースコンテンツ」とありその機能を特定している。

コード例

<frameset cols="20%, *">
  <frame src="navigation.html" name="navbar" title="ナビゲーションバー" />
  <frame src="main.html" name="maincontent" title="主要ニュースコンテンツ" />
  <noframes>
    <p><a href="noframe.html">フレームなしのバージョン</a>をご覧ください。</p>
  </noframes>
</frameset>   

参考リソース

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

検証

チェックポイント

そのウェブページで、フレームを用いてコンテンツを構成している場合:

  1. 繰り返されているコンテンツのブロックそれぞれを、別々のフレームにまとめている。

  2. 繰り返されているコンテンツのフレームそれぞれが、各ページのフレームセット内で同じ場所に出現する。

判定基準

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

日本語訳における注記:

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