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

SCR26: 動的なコンテンツをDOMのそのトリガーとなる要素の直後に挿入する

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

7.2.1.1キーボード操作に関する達成基準 (等級A)

7.2.4.3フォーカス順序に関する達成基準 (等級A)

テストファイル

SCR26のテストファイル

見解

達成可能

対象

DOM操作でリンクの後に挿入される要素

注意点

ほとんどのスクリーンリーダーでは問題ないが、HPRでは読み上げがページの先頭に戻ってしまうという問題がある。HPRは既にサポートされていない古いスクリーンリーダーであるが、対応させる必要がある場合は注意が必要。

テスト結果の詳細

ユーザエージェント 検証結果 操作手順 備考
Internet Explorer 6.0 1.マウス操作:リンク「展開」をクリックすると、「コンテンツ」が表示されることを確認
2.キーボード操作 1:リンク「展開」にフォーカスを移動させた後に押下すると、「コンテンツ」が表示されることを確認
3.キーボード操作 2:「コンテンツ」が表示された時点ではフォーカスは「展開」にあり、Tabキーを押下するとフォーカスが「コンテンツ」へ移動することを確認
2012年4月修正
Internet Explorer 7.0 1.マウス操作:リンク「展開」をクリックすると、「コンテンツ」が表示されるかを確認
2.キーボード操作 1:リンク「展開」にフォーカスを移動させた後に押下すると、「コンテンツ」が表示されるかを確認
3.キーボード操作 2:「コンテンツ」が表示された時点ではフォーカスは「展開」にあり、Tabキーを押下するとフォーカスが「コンテンツ」へ移動するかを確認
2012年4月修正
Internet Explorer 8.0 1.マウス操作:リンク「展開」をクリックすると、「コンテンツ」が表示されるかを確認
2.キーボード操作 1:リンク「展開」にフォーカスを移動させた後に押下すると、「コンテンツ」が表示されるかを確認
3.キーボード操作 2:「コンテンツ」が表示された時点ではフォーカスは「展開」にあり、Tabキーを押下するとフォーカスが「コンテンツ」へ移動するかを確認
2012年4月修正
Internet Explorer 9 1.マウス操作:マウスカーソルをリンク「展開」上に移動させる。マウスをクリックしリンク「展開」を押下。「コンテンツ」が表示されることを確認。
2.キーボード操作:Tabキーを使いフォーカスをリンク「展開」上に移動させる。Enterキーでリンク「展開」を押下。リンク「展開」下にリンク「コンテンツ」が表示されることを確認。その際にフォーカスがリンク「展開」上にあること確認。Tabキーを使いフォーカスがリンク「コンテンツ」上へ移動するか確認。
2012年4月修正
Firefox 3.5 1.マウス操作:リンク「展開」をクリックすると、「コンテンツ」が表示されることを確認

2.キーボード操作 1:リンク「展開」にフォーカスを移動させた後に押下すると、「コンテンツ」が表示されることを確認
3.キーボード操作 2:「コンテンツ」が表示された時点ではフォーカスは「展開」にあり、Tabキーを押下するとフォーカスが「コンテンツ」へ移動することを確認
2012年4月修正
Firefox 4.0 1.マウス操作:マウスカーソルをリンク「展開」上に移動させる。マウスをクリックしリンク「展開」を押下。「コンテンツ」が表示されることを確認。
2.キーボード操作:Tabキーを使いフォーカスをリンク「展開」上に移動させる。Enterキーでリンク「展開」を押下。
3.リンク「展開」下にリンク「コンテンツ」が表示されることを確認。その際にフォーカスがリンク「展開」上にあること確認。Tabキーを使いフォーカスがリンク「コンテンツ」上へ移動するか確認。
2012年4月修正
Firefox 9.0 -
Safari 3.2 - Safari 5.1でのみ再検証実施
Safari 5.0.3 2012年4月修正
Mac OSのシステム環境設定のキーボード>キーボードショートカットにある「フルキーボードアクセス」は「すべてのコントロール」を選択
Safariの環境設定>詳細にある「Tabキーを押したときにWebページ上の各項目を強調表示」をON
JAWS for Windows 9.0 ■読み上げ
「展開、ページ内リンク、ページに9個のリンクがあります・・・」
2012年4月修正
ホームページ・リーダー 3.04 × リンク「展開」にフォーカスを移動させて押下した後、Tabキーを押下するとフォーカスが「コンテンツ」へ移動して読み上げられるかを確認 2012年4月修正
■読み上げ
「展開、イベント。」
1.×:「展開」にフォーカスをあてて押下すると、ページでは「コンテンツ」が表示されるが、読み上げがページの先頭に戻ってしまう。ページの先頭からフォーカスを移動していけば「コンテンツ」を読み上げる。
PC-Talker XP 3.06 ■読み上げ
「展開、リンク」「コンテンツ、リンク」
2012年4月修正
PC-Talker XP 3.06 + NetReader 1.18 ■読み上げ
「展開、リンク、コンテンツ、リンク」
FocusTalk V3 「キー操作モード」がON/OFF両方の時に、展開にフォーカスが当たった状態でエンターキーを押すと、コンテンツが直後に挿入され、Tabキーを押下すると、「コンテンツ」が読み上げられる。 2012年4月修正
NVDA 2010.1j - NVDA 2011.1 でのみ再検証実施
NVDA 2011.1 Tabキー(またはKキー)でフォーカスを[展開]リンクへ移動させると、「展開 リンク」と読みあげる。
そこでTabキーを押すと、「コンテンツ リンク」と読み上げる。
2012年4月修正
Firefox18.0.1 1.マウス操作で「展開」をクリックすると、「コンテンツ」が表示されるか確認
2.キーボード操作で「展開」を押下すると「コンテンツ」が表示されるか確認
3.キーボード操作で「展開」を押下したあと、「コンテンツ」が表示されてそこからtabを押下すると「コンテンツ」へ移動するか確認
Google Chrome 25 【1】リンク「展開」をクリックすると、「コンテンツ」が表示されるかを確認する。
【2】リンク「展開」にフォーカスを移動させた後に押下すると、「コンテンツ」が表示されることを確認する。
【3】「コンテンツ」が表示された時点ではフォーカスは「展開」にあり、Tabキーを押下するとフォーカスが「コンテンツ」へ移動するかを確認する。
【1】○
リンク「展開」をクリックすると、「コンテンツ」が表示されることを確認した。
【2】○
リンク「展開」にフォーカスを移動させた後に押下すると、「コンテンツ」が表示されることを確認した。
【3】○
「コンテンツ」が表示された時点ではフォーカスは「展開」にあり、Tabキーを押下するとフォーカスが「コンテンツ」へ移動することを確認した。
Safari 6.0.5
NVDA 2012.3 ■操作手順
Tabキー(またはKキー)でフォーカスを[展開]リンクへ移動させ、Enterキーを押した後にTabキーを押すと「コンテンツ リンク」と読み上げた。
PC-Talker 7 2.12 ■操作手順
リンク「展開」でEnterキー押下後に、Ctrl+下矢印キーまたはTabキーで移動
■読み上げ
Ctrl+下矢印キーまたはTabキー
「展開 リンク」
Enterキー押下後に、Ctrl+下矢印キーまたはTabキー
「コンテンツ リンク」
VoiceOver ■操作手順
1本指フリックでフォーカスを[展開]リンクへ移動させ、ダブルタップした後に1本指フリックすると「コンテンツ リンク」と読み上げた。
■音声読み上げ
「展開 リンク
コンテンツ リンク」