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

SCR21: DOM(ドキュメント・オブジェクト・モデル)を用いて、ページにコンテンツを追加する

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

7.1.3.1情報及び関係性に関する達成基準 (等級A)

7.4.1.2プログラムが解釈可能な識別名,役割及び設定可能な値に関する達成基準 (等級A)

テストファイル

SCR21のテストファイル

見解

達成可能

対象

DOM操作でフォームの前に挿入される要素

注意点

スクリーンリーダー(音声ブラウザ)のHPRとFocusTalk V3では意図したとおりに読み上げられない。

備考

使用することによる悪影響はなく、支援技術の機能向上に期待する(ただし、HPRは開発を中止している)。

テスト結果の詳細

ユーザエージェント 検証結果 操作手順 備考
Internet Explorer 6.0 1-1:任意の値とは?「1」をたくさん入れてみたけどエラーにならない。入力値に数字以外を入れないと出てこない。
1-2:移動した
1-3:移動した
1-4:移動した。
2-1、2、3は表示されていた。
任意の値、と「値」と書かれると数字を入れるのかと思ってしまう。しかし、数字を入れるとエラーにならない。テスト上、わかりにくいので数字以外とか示唆してほしい。
Internet Explorer 7.0 1.送信ボタンを押すと入力エラーにフォーカスは当たる
2.入力エラーを押すと『1.電話番号を正しく入力してください。』に移動する
3.電話番号を正しく入力してくださいを押すと、電話番号に移動する
4.FAX番号を正しく入力してくださいを押すと、FAX番号に移動する
表示に関しては「入力エラー」「1.電話番号を正しく入力してください」「2.FAX番号を正しく入力してください」がそれぞれ表示される
Internet Explorer 8.0 1.送信ボタンを押すと入力エラーにフォーカスは当たる
2.入力エラーを押すと『1.電話番号を正しく入力してください。』に移動する
3.電話番号を正しく入力してくださいを押すと、電話番号に移動する
4.FAX番号を正しく入力してくださいを押すと、FAX番号に移動する
表示に関しては「入力エラー」「1.電話番号を正しく入力してください」「2.FAX番号を正しく入力してください」がそれぞれ表示される
Internet Explorer 9 1.;任意の値を入力し、送信を押したあとに、以下の3つが表示されているか確認
‐リンクテキストで見出しの「入力エラー」
‐エラーメッセージ「電話番号を正しく入力してください。」
‐エラーメッセージ「FAX番号を正しく入力してください。」
2-1: [送信] ボタンを押下した後、「入力エラー」というテキストリンクの見出しにフォーカスが移動することを確認
2-2:「入力エラー」を押下すると、エラーメッセージ「電話番号を正しく入力してください。」にフォーカスが移動することを確認
2-3:「電話番号を正しく入力してください。」を押下すると、「電話番号」のテキストフィールドにフォーカスが移動することを確認
2-4:「FAX番号を正しく入力してください。」を押下すると、「FAX番号」のテキストフィールドにフォーカスが移動することを確認
1:○
2:○
3:○
4:○
Firefox 3.5 NGの値を入力して [送信] ボタンを押下したら、「入力エラー」にフォーカスが移動した。「入力エラー」を押下するとフォーカスが消えてしまう。
「電話番号を正しく入力してください。」を押下すると、「電話番号」のテキストフィールドにフォーカスが移動した。
「FAX番号を正しく入力してください。」を押下すると、「FAX番号」のテキストフィールドにフォーカスが移動した。
NGの値を入力して [送信] ボタンを押下したら、以下のテキストが表示された。
「入力エラー」
「電話番号を正しく入力してください。」
「FAX番号を正しく入力してください。」
Firefox 4.0 1-1: [送信] ボタンを押下した後、「入力エラー」というテキストリンクの見出しにフォーカスが移動することを確認
1-2:「入力エラー」を押下すると、エラーメッセージ「電話番号を正しく入力してください。」にフォーカスが移動することを確認
1-3:「電話番号を正しく入力してください。」を押下すると、「電話番号」のテキストフィールドにフォーカスが移動することを確認
1-4:「FAX番号を正しく入力してください。」を押下すると、「FAX番号」のテキストフィールドにフォーカスが移動することを確認
Firefox 9.0 1.;任意の値を入力し、送信を押したあとに、以下の3つが表示されているか確認
‐リンクテキストで見出しの「入力エラー」
‐エラーメッセージ「電話番号を正しく入力してください。」
‐エラーメッセージ「FAX番号を正しく入力してください。」
2-1: [送信] ボタンを押下した後、「入力エラー」というテキストリンクの見出しにフォーカスが移動することを確認
2-2: 「入力エラー」を押下すると、エラーメッセージ「電話番号を正しく入力してください。」にフォーカスが移動することを確認
2-3: 「電話番号を正しく入力してください。」を押下すると、「電話番号」のテキストフィールドにフォーカスが移動することを確認
2-4: 「FAX番号を正しく入力してください。」を押下すると、「FAX番号」のテキストフィールドにフォーカスが移動することを確認
1:○
2:○
3:○
4:○
Safari 3.2 1.送信ボタンを押すと入力エラーにフォーカスがあたる
2.入力エラーを押してもフォーカスは移動しない(色が変わるだけ)
3.電話番号を正しく入力してくださいを押すと、電話番号に移動する
4.FAX番号を正しく入力してくださいを押すと、FAX番号に移動する
表示に関しては「入力エラー」「1.電話番号を正しく入力してください」「2.FAX番号を正しく入力してください」がそれぞれ表示される
駄目だったのは4項目のうち2番目だけ。
1:○
2:×
3:○
4:○
Safari 5.0.3 1.送信ボタンを押すと入力エラーにフォーカスがあたる。
2.入力エラーを押してもフォーカスは移動しない(色が+D142変わるだけ)。
3.電話番号を正しく入力してくださいを押すと、電話番号に移動する。
4.FAX番号を正しく入力してくださいを押すと、FAX番号に移動する。
表示に関しては「入力エラー」「1.電話番号を正しく入力してください」「2.FAX番号を正しく入力してください」がそれぞれ表示される。
キーボード:
1:○
2:×
3:○
4:○
JAWS for Windows 9.0 ■操作手順
1.「入力エラー見出しレベル2 ページ内リンク」と読み上げた
2.「電話番号を正しく入力してください マル ページ内リンク」と読み上げた
3.「連絡先 電話番号 エディット」と読み上げた。
4.「連絡先 FAX番号 エディット」と読み上げた。
■音声読み上げ
1.「入力エラー見出しレベル2 ページ内リンク」
2.「電話番号を正しく入力してください マル ページ内リンク」
3.「連絡先 電話番号 エディット」
4.「連絡先 FAX番号 エディット」
ホームページ・リーダー 3.04 ■操作手順
・送信を押すとページが切り替わるが何も読み上げない
・入力エラーにフォーカスをあててEnterを押すと『1.電話番号を正しく入力してくださいイベント』が読み上げられる。
■音声読み上げ
「電話番号を正しく入力してくださいイベント」
・文章ではジャンプしないが『イベント』でEnterを押すと電話、FAXにそれぞれジャンプするが電話番号、FAX番号とは読み上げない。
1:×何も読み上げない
2:○
3:×電話番号を読み上げない
4:×FAX番号を読み上げない
PC-Talker XP 3.06 ■操作手順
1: [送信] ボタンを押下した後、「入力エラー」というテキストリンクの見出しが読み上げられた。
2:テキストリンク「入力エラー」を押下すると、エラーメッセージ「電話番号を正しく入力してください。」を読み上げた。
3:エラーメッセージ「電話番号を正しく入力してください。」を押下すると、「電話番号」のテキストフィールドを読み上げた。
4:エラーメッセージ「FAX番号を正しく入力してください。」を押下すると、「FAX番号」のテキストフィールドを読み上げた。
■音声読み上げ
「入力エラー 電話番号を正しく入力してください。 電話番号のエディット、文字入力」
PC-Talker XP 3.06 + NetReader 1.18 ■操作手順
1. 2つのテキストフィールドに任意の値を入力して [送信] ボタンを押下した後、「入力エラー」というテキストリンクの見出しを読み上げた。(ただし、 [送信] ボタンを押下した後、全文読みを開始したりする必要がある)
2. テキストリンク「入力エラー」を押下すると、エラーメッセージ「電話番号を正しく入力してください。」を読み上げた。
3. エラーメッセージ「電話番号を正しく入力してください。」を押下すると、「電話番号」のテキストフィールドを読み上げなかった。
4. 同様にエラーメッセージ「FAX番号を正しく入力してください。」を押下すると、「FAX番号」のテキストフィールドを読み上げなかった。
■音声読み上げ
1. 「入力エラー」
2. 「電話番号を正しく入力してください マル」
3. なし
4. なし
FocusTalk V3 × ■操作手順
・「送信」を押すと、遷移せず入力した値がクリアされる。再度「送信」を押すと、エラー表示が現れるが、全画面読みが始まらない。「→」を押すと途中のテキストやテキストフィールドを飛ばして「送信ボタン」を読み上げる。「←」を押して、ページの先頭まで戻し、「↓」キーで1行読みをさせると、1行ずつ読み上げる。
2:「入力エラー」を押すと、「1.電話番号を正しく入力してください。」にフォーカスは移動するが、読み上げられない。
3:電話番号のテキストフィールドにフォーカスは移動するが、読み上げられない。
4:ファックスのテキストフィールドにフォーカスは移動するが、読み上げられない。
■音声読み上げ
→押下で、「ページの終端です」 ←押下で、「 送信 FAX番号 電話番号 連絡先 SCR 21を実装したフォーム」 ↓押下ごとに、「入力エラー」  「電話番号」 「電話番号のエディット」  「FAX番号」 「FAX番号のエディッ」ト 「送信のボタン」
キーフォーカスの視覚表現が、エディットに当たったときに消える。また、数字キーを押しても、その内容が読み上げられるがテキストボックスに表示されない。
・「送信」ボタンが最初に読み上げられ、「↑」キーで戻らないと電話とファックスのテキストボックスを読み上げない。
1:○→×(7/22)
2:×
3:×
4:×
NVDA 2010.1j ■操作手順
1. 二つのテキストフィールドに任意の文字列を入力して「送信」ボタンを押下すると、「入力エラーリンク」と読み上げられた。
2. リンクテキストを押下すると、「電話番号を正しく入力してください。」というエラーメッセージが読み上げられた。
3. 「電話番号を正しく入力してください。」のリンクを押下したら、電話番号のテキストフィールドに移動してFocusモードが有効になった。
4. 「FAX番号を正しく入力してください。」リンクを押下したら、Fax番号のテキストフィールドに移動してFocusモードが有効になった。
■音声読み上げ
1. 「入力エラーリンク」
2. 「リスト2項目リンク電話番号を正しく入力してください」
3. 「電話番号エディットオートコンプリート付」
4. 「Fax番号エディットオートコンプリート付」
「テキストフィールドに任意の値を入力し…」と書かれているが、両方のフィールドにランダムな数字を入力して送信すると、入力エラーがでない。
NVDA 2011.1 ■操作手順
1. 二つのテキストフィールドに任意の文字列を入力して「送信」ボタンを押下すると、「入力エラーリンク」と読み上げられた。
2. リンクテキストを押下すると、「電話番号を正しく入力してください。」というエラーメッセージが読み上げられた。
3. 「電話番号を正しく入力してください。」のリンクを押下したら、電話番号のテキストフィールドに移動してFocusモードが有効になった。
4. 「FAX番号を正しく入力してください。」リンクを押下したら、Fax番号のテキストフィールドに移動してFocusモードが有効になった。
■音声読み上げ
1. 「入力エラーリンク」
2. 「リスト2項目リンク電話番号を正しく入力してください」
3. 「電話番号エディットオートコンプリート」
4. 「Fax番号エディットオートコンプリート」
「テキストフィールドに任意の値を入力し…」と書かれているが、両方のフィールドにランダムな数字を入力して送信すると、入力エラーがでない。
Firefox18.0.1 1.;任意の値を入力し、送信を押したあとに、以下の3つが表示されているか確認
‐リンクテキストで見出しの「入力エラー」
‐エラーメッセージ「電話番号を正しく入力してください。」
‐エラーメッセージ「FAX番号を正しく入力してください。」
2-1: [送信] ボタンを押下した後、「入力エラー」というテキストリンクの見出しにフォーカスが移動することを確認
2-2: 「入力エラー」を押下すると、エラーメッセージ「電話番号を正しく入力してください。」にフォーカスが移動することを確認
2-3: 「電話番号を正しく入力してください。」を押下すると、「電話番号」のテキストフィールドにフォーカスが移動することを確認
2-4: 「FAX番号を正しく入力してください。」を押下すると、「FAX番号」のテキストフィールドにフォーカスが移動することを確認
Google Chrome 25 【1】次の一連の操作ができるかを確認する。
 1. 2つのテキストフィールドに任意の値を入力して [送信] ボタンを
   押下した後、「入力エラー」というテキストリンクの見出しにフォーカスが
   移動するか
 2. テキストリンク「入力エラー」を押下すると、エラーメッセージ
   「電話番号を正しく入力してください。」にフォーカスが移動するか
 3. エラーメッセージ「電話番号を正しく入力してください。」を押下すると、
   「電話番号」のテキストフィールドにフォーカスが移動するか
 4. 同様にエラーメッセージ「FAX番号を正しく入力してください。」を
   押下すると、「FAX番号」のテキストフィールドにフォーカスが移動するか
【2】2つのテキストフィールドに任意の値を入力して [送信] ボタンを押下した後、次の3つが新たに表示されるかを確認する。
 1. 「入力エラー」というテキストリンクの見出し
 2. エラーメッセージ「電話番号を正しく入力してください。」
 3. エラーメッセージ「FAX番号を正しく入力してください。」が表示されるか
【1】○
 1. 2つのテキストフィールドに“エラー”と入力して [送信] ボタンを押下した後、「入力エラー」というテキストリンクの見出しにフォーカスが移動することを確認した。
 2. テキストリンク「入力エラー」を押下すると、エラーメッセージ「電話番号を正しく入力してください。」にフォーカスが移動することを確認した。
 3. エラーメッセージ「電話番号を正しく入力してください。」を押下すると、「電話番号」のテキストフィールドにフォーカスが移動することを確認した。
 4. 同様にエラーメッセージ「FAX番号を正しく入力してください。」を押下すると、「FAX番号」のテキストフィールドにフォーカスが移動することを確認した。
【2】○
2つのテキストフィールドに“エラー”と入力して [送信] ボタンを押下した後、次の3つが新たに表示されることを確認した。
「入力エラー」というテキストリンクの見出し
エラーメッセージ「電話番号を正しく入力してください。」
エラーメッセージ「FAX番号を正しく入力してください。」
Safari 6.0.5
NVDA 2012.3 ■操作手順
1. 二つのテキストフィールドに任意の文字列を入力して「送信」ボタンを押下すると、「入力エラーリンク」と読み上げられた。
2. リンクテキストを押下すると、「電話番号を正しく入力してください。」というエラーメッセージが読み上げられた。
3. 「電話番号を正しく入力してください。」のリンクを押下したら、電話番号のテキストフィールドに移動してFocusモードが有効になった。
4. 「FAX番号を正しく入力してください。」リンクを押下したら、Fax番号のテキストフィールドに移動してFocusモードが有効になった。
■音声読み上げ
1. 「入力エラーリンク」
2. 「リスト2項目リンク電話番号を正しく入力してください」
3. 「電話番号エディットオートコンプリート」
4. 「Fax番号エディットオートコンプリート」
「テキストフィールドに任意の値を入力し…」と書かれていますが、両方のフィールドにランダムな数字を入力して送信すると、入力エラーが出ません。それが正ということであれば、そう明示すべきではないでしょうか(「任意の」というのがやや自由すぎるというか、電話番号やFAX番号の入力を求めている割に正しい入力例もなく、どう入力すべきかに迷いが生じ得ます)。
PC-Talker 7 2.12 ■操作手順
1. 適当な値を入力して[送信]ボタンを押下
2. リンク「入力エラー」を押下
3. リンク「電話番号を正しく入力してください。」を押下
4. リンク「FAX番号を正しく入力してください。」を押下
■音声読み上げ
[送信]ボタンをEnterキーで押下するとエラーページに遷移
「入力エラー リンク」
Enterキー
「電話番号を正しく入力してください。 リンク」
Enterキー
「電話番号 のエディット 文字入力」
*リンク「FAX番号を正しく入力してください。」に戻る
「FAX番号を正しく入力してください。 リンク」
Enterキー
「FAX番号 のエディット 文字入力」
VoiceOver × ■操作手順
1. 二つのテキストフィールドに任意の文字列を入力して「送信」ボタンをダブルタップすると、「次の入力項目のエラーを修正してください」と読み上げられた。
2. 「入力エラー」でダブルタップすると、「電話番号を正しく入力してください。」というエラーメッセージが読み上げられた。
3. 「電話番号を正しく入力してください。」をダブルタップしたら、「電話番号を正しく入力してください。」に戻り、無限ループになった。
4. 「FAX番号を正しく入力してください。」をダブルタップしたら、「FAX番号を正しく入力してください。」に戻り、無限ループになった。
■音声読み上げ
1. 「次の入力項目のエラーを修正してください」
2. 「電話番号を正しく入力してください ページ内リンク」
3. 「電話番号を正しく入力してください ページ内リンク」
4. 「Fax番号を正しく入力してください ページ内リンク リストの終了位置です」