アクセシビリティ・サポーテッド(AS)情報:H70

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

関連する達成基準の実装方法一覧

7.2.4.1ブロックスキップに関する達成基準 (等級A)

テストファイル

H70のテストファイル

見解

達成不可能

対象

フレーム

注意点

スキップできるメカニズムとしては機能しうるが、機能しない環境もある。
加えて、フレームを使用したサイトにおいては、他のアクセシビリティ上の問題を引き起こすことが多いため、フレームの使用は推奨しない。

代替もしくは推奨する方法

WAI-ARIAのlandmarkを使用し、ブロックに対して適切なlandmarkを指定することで、そのブロックの読み飛ばしが可能になる場合がある。
※Techniques for WCAG 2.0の2014年1月版のEditors' Draftでは、実装方法ARIA11としてlandmarkを使用する方法が追加される予定である。

テスト結果の詳細

ユーザエージェント 検証結果 操作手順 備考
Internet Explorer 6.0 1,Ctrl+F6でフレーム間の移動ができた
2,リスト表示機能はみつからなかった
Internet Explorer 7.0 1.フレーム間のキー操作でフレームを選択し、メインコンテンツのフレーム内にフォーカスが移動できた。
2.フレームのリスト表示はできない
Internet Explorer 8.0 1.フレーム間のキー操作Ctrl+F6でフレームを選択し、メインコンテンツのフレーム内にフォーカスが移動できた。
2.フレームのリスト表示はできない
Internet Explorer 9 1.フレーム間を移動する「F6」のキー操作により、メインコンテンツのフレームを選択して(「ナビゲーションバー」のフレーム内にあるリンクをスキップして)メインコンテンツのフレーム内にフォーカスを移動できるかを確認
2.フレームのリスト表示機能がある場合は、title属性値「メインコンテンツ」を選択してメインコンテンツのフレーム内にフォーカスを移動できるかを確認
1:○
2:×:フレームのリスト表示機能はない
Firefox 3.5 1:○
2:×(フレームのリスト表示機能は存在しない)
Firefox 4.0 1:「F6」でフレーム移動し、メインコンテンツのフレーム内にフォーカスを移動することを確認
2:フレームのリスト表示機能はない
1:○
2:×:フレームのリスト表示機能は存在しない。
Firefox 9.0 1.フレーム間を移動する「F6」のキー操作により、メインコンテンツのフレームを選択して(「ナビゲーションバー」のフレーム内にあるリンクをスキップして)メインコンテンツのフレーム内にフォーカスを移動できるかを確認
2.フレームのリスト表示機能がある場合は、title属性値「メインコンテンツ」を選択してメインコンテンツのフレーム内にフォーカスを移動できるかを確認
1:○
2:×:フレームのリスト表示機能はない
Safari 3.2 × 対応するキー操作がないので移動できない ショートカットキー調査したが見つからず
Safari 5.0.3 × 対応するキー操作がないので移動できない 1:×
2:×
JAWS for Windows 9.0 ■操作手順
1.F6でフレーム間を移動(IEの機能)
Ctrl+Tab,Ctrl+Shift+Tab(Jawsの機能)
「ナビゲーションバーフレーム」
「メインコンテンツフレーム」
と読み上げ、フォーカスを移動できた。
2.Ins+F9でフレームの一覧機能を表示(Jawsの機能)
「ナビゲーションバー」
「メインコンテンツ」
とリスト項目に表示された。
選択すると仮想PCカーソルの移動ができた。(PCカーソルまでは移動しないが、タブを1回押すと仮想PCカーソルに追従してくる)
■音声読み上げ
F6で確認
「ナビゲーションバーフレーム」
「メインコンテンツフレーム」
フレームリスト
「ナビゲーションバー」
「メインコンテンツ」
ホームページ・リーダー 3.04 ■操作手順
Ctrl+Tabでフレームを切り替えると、「フレーム2の1ナビゲーションバー」「フレーム2の2メインコンテンツ」と読み上げる
Ctrl+Eでフレーム選択を表示すると、「フレーム1ナビゲーション」「フレーム2、メインコンテンツ」のリストが表示される
※フレーム1は「メニュー」ではなく「ナビゲーションバー」
■音声読み上げ
「フレーム2の1ナビゲーションバー」「フレーム2の2メインコンテンツ」
PC-Talker XP 3.06 × ■操作手順
1.左側のフレーム「ナビゲーションバー」右側のフレーム「富士通、FUJITSU JAPAN」と読み上げる。F6で移動可能。
2.フレームのリスト表示機能がない。
■音声読み上げ
「ナビゲーションバー」右側のフレーム「富士通、FUJITSU JAPAN」
フレームセットでの各フレームのタイトル属性は読み上げない。
PC-Talker XP 3.06 + NetReader 1.18 × ■操作手順
1. フレーム間を移動するキー操作により、それぞれのtitle属性値「ナビゲーションバー」、「メインコンテンツ」を読み上げず、メインコンテンツのフレームを選択して(「ナビゲーションバー」のフレーム内にあるリンクをスキップして)メインコンテンツのフレーム内にフォーカスを移動できる。
2. フレームのリスト表示機能はない。
■音声読み上げ
「ホンバコ の フレーム数 ニ メニュー」(テキスト画面での読み上げ)
「エイチ セブンティー の サンプル」(グラフィック画面での読み上げ)
「フレーム ニ の イチ ナビゲーションバー メニュー」(テキスト画面での読み上げ)(読み上げられている「ナビゲーションバー」はtitle属性値ではなくtitle要素)
「フレーム ニ の ニ コロン フジツージャパン 富士通では テン」(テキスト画面での読み上げ)
FocusTalk V3 × ■操作手順
1.
・F6でフレーム間を移動させるが、titleの属性値は読み上げない。
・フレーム間を移動するためのショートカットキーCtrl+Shift+↑(↓)を操作すると、「2フレームちゅう1フレーム」とフレームでの位置とコンテンツを読み上げるが、titileの属性値は読み上げない。
2.フレームのリスト表示機能はない。
■音声読み上げ
1.「アドレスのエディット、 C:\Users\HITACHI\Desktop\JIS2010-AS-FocusTalk\03-テストファイル\JIS2010-TESTS\A\HTMLandXHTML\H70-ref1.html」→F6押下→」→F6押下→「お気に入り」 」→F6押下→無音
「2フレームちゅう1フレーム メニュー」「2フレームちゅう2フレーム メニュー トップページ お問い合わせ アクセシビリティ JIS X 8341-3: 2010」
1.F6でフレーム間を移動させると、メインフレームでは、フォーカスが当たっている視覚表現がない。
NVDA 2010.1j × ■操作手順
MキーやShift+Mキーを押すことで、別のフレームにフォーカスを移動することはできたが、各フレームタイトルを読み上げることができなかった。
■音声読み上げ
「iFrame終了 メニュー見出しレベル1
iFrame終了 本文へジャンプ画像リンク」
NVDA 2011.1 × ■操作手順
MキーやShift+Mキーを押すことで、別のフレームにフォーカスを移動することはできたが、各フレームタイトルを読み上げることができなかった。
■音声読み上げ
「iframe終了 メニュー見出しレベル1
iframe終了 本文へジャンプ画像リンク」
Firefox18.0.1 1.フレーム間を移動する「F6」のキー操作により、メインコンテンツのフレームを選択して(「ナビゲーションバー」のフレーム内にあるリンクをスキップして)メインコンテンツのフレーム内にフォーカスを移動できるかを確認
2.フレームのリスト表示機能がある場合は、title属性値「メインコンテンツ」を選択してメインコンテンツのフレーム内にフォーカスを移動できるかを確認
1:○
2:×:フレームのリスト表示機能はない
Google Chrome 25 【1】:フレーム間を移動するキー操作により、メインコンテンツのフレームを選択して(「ナビゲーションバー」のフレーム内にあるリンクをスキップして)メインコンテンツのフレーム内にフォーカスを移動できるかを確認する。
【2】フレームのリスト表示機能がある場合は、title属性値「メインコンテンツ」を選択してメインコンテンツのフレーム内にフォーカスを移動できるかを確認する。
【1】○
F6操作によってフレーム間移動でることを確認した。
【2】×
chromeはフレームのリスト表示機能が提供されていない。
Safari 6.0.5 × 「ナビゲーションバー」のフレーム内にあるリンクをスキップする方法も、フレームのリスト表示機能も見当たらない
NVDA 2012.3 ■操作手順
MキーやShift+Mキーを押すことで別のフレームにフォーカスを移動することができ、各フレームタイトルを読み上げることもできた。
■音声読み上げ
「iframe終了 ナビゲーションバー」
iframe終了 メインコンテンツ」
PC-Talker 7 2.12 × ■操作手順
F6(逆順はShift+F6)でフレーム間を移動、またはTabキーで移動
■音声読み上げ
各フレームのHTMLファイルのtitle要素を読み上げる。
title属性値を読み上げない。
VoiceOver × ■操作手順
2本指フリック、1本指フリックともに、各フレームタイトルを読み上げなかった。
■音声読み上げ
「メニュー 見出しレベル1
行頭記号 リストの開始位置です トップページ リンク
行頭記号 お問い合わせ リンク
行頭記号 アクセシビリティ リンク
このページの本文へ移動 ページ内リンク
:」