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

G1-1: メインコンテンツエリアへ直接移動するリンクを各ページの先頭に追加する

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

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

テストファイル

G1-1のテストファイル

見解

要注意

対象

常に表示されているスキップリンク

注意点

スクリーンリーダーのPC-Talkerがサポートしておらず、VoiceOverでもうまく動作しない。FirefoxとSafariはサポートしているが、IE6, IE7によるサポートが不十分。なお、IE8ならばキャレットブラウジングでキーボード操作していれば、メインコンテンツへ移動できる。

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

スクリーンリーダーの利用者にもメインコンテンツの開始位置へ移動するメカニズムを提供するために、H69の使用を推奨する。

備考

この実装方法は、主にビジュアルブラウザをキーボードで操作するユーザーを対象としたものである。しかし、当委員会で確認した範囲では、G1の実装に依存するユーザーは確認できなかった。
キーボードだけで操作する場合は、スキップリンクにフォーカスをあててEnterキーを押すと、メインコンテンツ開始位置に移動する。そして、矢印キーでその後のコンテンツへ移動したり、Tabキーでメインコンテンツ内でフォーカスを受け取れる最初の要素へフォーカスを移動したりできる。ただし、IE6とIE7ではTabキーを押すと、フォーカスはスキップリンクに戻ってしまう (IE8やIE9ではキャレットブラウズ・モードにすることで移動できるようになる)。

テスト結果の詳細

ユーザエージェント 検証結果 操作手順 備考
Internet Explorer 6.0 1.「メインコンテンツへスキップ」が常に画面に表示されている 2.「メインコンテンツへスキップ」にフォーカスを移動させてリンクを押下した後、次にTabキーを押下すると「メインコンテンツへスキップ」にフォーカスがあたる
Internet Explorer 7.0 リンクの「メインコンテンツへスキップ」は表示されるが、そこで押下するとフォーカスが消えて、Tabを押すと再びフォーカスが戻る。
Internet Explorer 8.0 1.リンク「メインコンテンツへスキップ」が常に画面に表示されている。
2.「メインコンテンツへスキップ」にフォーカスを移動させてリンクを押下した後、次にTabキーを押下すると、再び「メインコンテンツへスキップ」にフォーカスが現れた。
1:○
2:×
Internet Explorer 9 1:「メインコンテンツへスキップ」が常に画面に表示されることを確認
2:メインコンテンツへスキップ」にフォーカスを移動させてリンクを押下した後、次にTabキーを押下すると「PCサーバ「PRIMERGY」」にフォーカスが移動することを確認
1:○
2:×
Firefox 3.5 1.リンク「メインコンテンツへスキップ」が常に画面に表示されている。
2.「メインコンテンツへスキップ」にフォーカスを移動させてリンクを押下した後、次にTabキーを押下するとニュース本文にあるリンク「PCサーバ「PRIMERGY」」にフォーカスが移動した。
Firefox 4.0 1:「メインコンテンツへスキップ」が常に画面に表示されることを確認
2:メインコンテンツへスキップ」にフォーカスを移動させてリンクを押下した後、次にTabキーを押下すると「PCサーバ「PRIMERGY」」にフォーカスが移動することを確認
Firefox 9.0 1:「メインコンテンツへスキップ」が常に画面に表示されることを確認
2:メインコンテンツへスキップ」にフォーカスを移動させてリンクを押下した後、次にTabキーを押下すると「PCサーバ「PRIMERGY」」にフォーカスが移動することを確認
1:○
2:○
Safari 3.2 1.「メインコンテンツへスキップ」は常に表示されている。
2.「メインコンテンツへスキップ」にフォーカスを移動させてリンクを押下した後、次にTabキーを押下するとニュース本文にあるリンク「PCサーバ「PRIMERGY」」にフォーカスが移動する。
すべてOK.
(MacではOption+TabをTabとする。)
Safari 5.0.3
JAWS for Windows 9.0 ■操作手順
1.「メインコンテンツへスキップ」でリンクを押下すると、「プレスリリース」から自動的に読み上げ始めた。(Ins+↓でも「プレスリリース」から読み上げ始めた)
2.「メインコンテンツへスキップ」でリンクを押下し、スキップ先の読み上げが始まる前と後にそれぞれTabキーを押して確認した。
■音声読み上げ
1.「メインコンテンツへスキップ」でリンクを押下時→「エンター メインコンテンツへスキップ ページ内リンク」
ホームページ・リーダー 3.04 ■操作手順
1.「メインコンテンツへスキップ」で押下すると、「プレスリリース」から読み上げる
2.その後にTabを押すと「PCサーバPRIMERGY」のリンクを読み上げる
■音声読み上げ
「メインコンテンツへスキップ プレスリリース」
「PCサーバ「PRIMERGY」」
PC-Talker XP 3.06 × ■操作手順
1.「メインコンテンツへスキップ」にフォーカスを移動させてリンクを押下した後、全文読み上げを開始するとメインコンテンツへスキップのところから読み始める。
2.「メインコンテンツへスキップ」にフォーカスを移動させてリンクを押下した後、次にTabキーを押下すると「メインコンテンツへスキップ」にフォーカスがあたる。
■音声読み上げ
「メインコンテンツへスキップ G1例1のサンプル(タイトル部分)・・・」
「メインコンテンツへスキップ メインコンテンツへスキップ PCサーバ「PRIMERGY」」
1.スキップリンクを押下したあと、また最初から読み上げてしまうので、×。
2.スキップコンテンツのリンクを押下したあと、tabキーを押下しても、PCサーバ「PRIMERGY」にフォーカスが移動しないので、×。
PC-Talker XP 3.06 + NetReader 1.18 ■操作手順
リンク「メインコンテンツへスキップ」にフォーカスを移動させてリンクを押下した後、全文読み上げを開始すると「プレスリリース」から読み上げ始めた。
リンク「メインコンテンツへスキップ」にフォーカスを移動させてリンクを押下した後、次にTabキーを押下するとニュース本文にあるリンク「PCサーバ「PRIMERGY」」にフォーカスが移動して読み上げられた。
■音声読み上げ
「メインコンテンツへスキップ 富士通 プレスリリース・・・」
FocusTalk V3 ■操作手順
1.「メインコンテンツへスキップ」でEnterを押下し、右矢印キーを押下すると、「プレスリリース」から読み上げる
2.その後にTabを押すと「PCサーバPRIMERGY」のリンクを読み上げる
■音声読み上げ
「メインコンテンツへスキップ プレスリリース」
「PCサーバ「PRIMERGY」」
右矢印キーを押下、またはtabを押下した後の動作は、テスト方法通りであるが、スキップリンクでEnterを押下した後に、「罫線」の不要なものを読み上げる。
NVDA 2010.1j ■操作手順
1. Kキーを用いてリンク「メインコンテンツへスキップ」にフォーカスを移動させてリンクを押下した後、NVDA+下矢印キーで全文読み上げを開始すると「プレスリリース」から読み上げ始めた。
2. Kキーを用いてリンク「メインコンテンツへスキップ」にフォーカスを移動させてリンクを押下した後、次にTabキーを押下するとニュース本文にあるリンク「PCサーバ「PRIMERGY」」にフォーカスが移動して読み上げられた。
■音声読み上げ
「見出しレベル1 プレスリリース
PCサーバ「PRIMERGY」 リンク」
NVDA 2011.1 ■操作手順
1. リンク「メインコンテンツへスキップ」にフォーカスを移動させてリンクを押下した後全文読み上げを開始すると「プレスリリース」から読み上げ始めた。
2. リンク「メインコンテンツへスキップ」にフォーカスを移動させてリンクを押下した後、次にTabキーを押下するとニュース本文にあるリンク「PCサーバ「PRIMERGY」」にフォーカスが移動して読み上げられた。
■音声読み上げ
「見出しレベル1 プレスリリース
PCサーバ「PRIMERGY」 リンク」
Firefox18.0.1 1:「メインコンテンツへスキップ」が常に画面に表示されることを確認
2:メインコンテンツへスキップ」にフォーカスを移動させてリンクを押下した後、次にTabキーを押下すると「PCサーバ「PRIMERGY」」にフォーカスが移動することを確認
Google Chrome 25 【1】リンク「メインコンテンツへスキップ」が常に画面に表示されているかを確認する。
【2】リンク「メインコンテンツへスキップ」にフォーカスを移動させてリンクを押下した後、次にTabキーを押下するとニュース本文にあるリンク「PCサーバ「PRIMERGY」」にフォーカスが移動するかを確認する。
【2】
Safari 6.0.5
NVDA 2012.3 ■操作手順
1. リンク「メインコンテンツへスキップ」にフォーカスを移動させてリンクを押下した後全文読み上げを開始すると「プレスリリース」から読み上げ始めた。
2. リンク「メインコンテンツへスキップ」にフォーカスを移動させてリンクを押下した後、次にTabキーを押下するとニュース本文にあるリンク「PCサーバ「PRIMERGY」」にフォーカスが移動して読み上げられた。
■音声読み上げ
「見出しレベル1 プレスリリース
PCサーバ「PRIMERGY」 リンク」
PC-Talker 7 2.12 ■操作手順
1.「メインコンテンツへスキップ」にフォーカスを移動させてEnterキーを押下。Shiftキー押下で全文読み上げを開始すると、「プレスリリース」から読み始める。
2.「メインコンテンツへスキップ」にフォーカスを移動させてEnterキーを押下。Tabキーを押下すると「メインコンテンツへスキップ」にフォーカスがあたる。
■音声読み上げ
1.の場合:
フォーカス移動
「メインコンテンツへスキップ」
Enterキー押下
「プレスリリース」
Shiftキー押下
「プレスリリース PCサーバ「PRIMERGY」の・・・」
2.の場合:
「メインコンテンツへスキップ」
Enterキー押下
「プレスリリース」
Tabキー押下
「メインコンテンツへスキップ」
1.スキップリンクを押下した後、メインコンテンツ開始位置から読み上げるので ○。
2.スキップリンクを押下した後、Tabキーを押下すると、またスキップリンクにフォーカスがあたるので ×。
VoiceOver × ■操作手順
1. リンク「メインコンテンツへスキップ」にフォーカスを移動させてダブルタップすると「プレスリリース」にフォーカスは移動するが、その直後に「メインコンテンツにスキプ」に戻ってしまう。
2. リンク「メインコンテンツへスキップ」にフォーカスを移動させてダブルタップした直後に2本指フリックすると順に読み上げられた。
■音声読み上げ
「プレスリリース 見出しレベル1
PCサーバ「PRIMERGY」のラインナップを強化」
iOS5では「メインコンテンツへスキップ」からフォーカス移動も不可。
他のアクションも効かない。