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

H91-1c: HTMLのフォーム・コントロール及びリンクを用いる

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

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

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

テストファイル

H91-1cのテストファイル

見解

要注意

対象

a要素

注意点

一つのリンク内で画像とテキストを両方用いる場合、画像のalt属性値に代替テキストが記述されている場合、スクリーンリーダーのPC-Talker XPとNetReader、FocusTalk、VoiceOverではその代替テキストが読み上げられないので注意が必要。

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

可能な場合には、リンクをすべて画像にするか、またはすべてテキストにしたほうがよい。

備考

今後の支援技術の機能向上に期待する(PC-Talker 7では、代替テキストも読み上げられるように改善されている)。

テスト結果の詳細

ユーザエージェント 検証結果 操作手順 備考
Internet Explorer 6.0 1.○:カーソルを画像または『富士通』部分に合わせてクリックで、リンク先に移動。
2.○:Tabキーで画像または『富士通』部分にフォーカスを合わせてEnterでリンク先に移動。
Internet Explorer 7.0 1.マウスクリックで画面遷移できた。
2.リンクにフォーカスを当てて、Enter押下で画面遷移できた。
Internet Explorer 8.0 1.マウスクリックで画面遷移できた。
2.リンクにフォーカスを当てて、Enter押下で画面遷移できた。
Internet Explorer 9 1:マウス操作:リンクをクリックして、リンク先に移動することを確認
2:キーボード操作:リンクにフォーカスを移動させた後、押下してリンク先に移動することを確認
1:○
2:○
Firefox 3.5 1.○:カーソルを画像またはテキスト部分に合わせてクリックで、リンク先に移動。
2.○:Tabキーで画像またはテキスト部分にフォーカスを合わせてEnterでリンク先に移動。
Firefox 4.0 1:マウス操作:リンクをクリックして、リンク先に移動することを確認
2:キーボード操作:リンクにフォーカスを移動させた後、押下してリンク先に移動することを確認
Firefox 9.0 1:マウス操作:リンクをクリックして、リンク先に移動することを確認
2:キーボード操作:リンクにフォーカスを移動させた後、押下してリンク先に移動することを確認
1:○
2:○
Safari 3.2 マウス操作でクリックすると、リンク先に飛ぶ。キーボード操作はOption+tabで移動し、クリックしてリック先にとぶ。
Safari 5.0.3
JAWS for Windows 9.0 ■操作手順
「既読、リンク、画像、富士通公式ウェブサイト」と読み上げた。
■音声読み上げ
「富士通公式ウェブサイト リンク 画像」
ホームページ・リーダー 3.04 ■操作手順
Tab移動又は行読みモードで読み上げたところ、「富士通 公式サイト」という代替テキストとテキストが読み上げられた。
■音声読み上げ
「富士通公式ウェブサイト」
1.○:リンク読み上げモードにした場合はリンクだと理解可能。前文読み上げでもリンクは声質が変わるので理解できる。
2.○
PC-Talker XP 3.06 ■操作手順
フォーカスをあてると「公式ウェブサイト リンク」と読み上げた
■音声読み上げ
「公式ウェブサイト リンク」
画像の代替テキスト「富士通は読み上げられなかった
PC-Talker XP 3.06 + NetReader 1.18 ■操作手順
1. リンクにフォーカスを移動させた際に、リンクであることが分かるように読み上げた。
2. リンクにフォーカスを移動させた際に、リンク画像の代替テキストとリンクテキストを続けて読み上げなかった。
(ひとつのリンクとして扱われなかった)
■音声読み上げ
1. 「富士通 リンク」
「公式ウェブサイト リンク」
2. 「富士通 リンク」
「公式ウェブサイト リンク」
FocusTalk V3 ■操作手順
リンクにフォーカスが移動すると、「公式ウェブサイト、未訪問のリンク」と読み上げたが、「富士通」は読み上げなかった。
■音声読み上げ
「公式ウェブサイト、未訪問のリンク」
2:× alt「富士通」が読み上げられなかった。
NVDA 2010.1j ■操作手順
Kキーでリンク項目に移動したところ、「富士通画像公式ウェブサイト既読リンク」と読み上げられた
■音声読み上げ
「富士通画像公式ウェブサイト既読リンク」
NVDA 2011.1 ■操作手順
リンク項目に移動したところ、「富士通画像公式ウェブサイトリンク」と読み上げられた
■音声読み上げ
「富士通画像公式ウェブサイトリンク」
Firefox18.0.1 1:マウス操作:リンクをクリックして、リンク先に移動することを確認
2:キーボード操作:リンクにフォーカスを移動させた後、押下してリンク先に移動することを確認
Google Chrome 25 【1】リンクをクリックして、リンク先に移動できるかを確認する。
【2】リンクにフォーカスを移動させた後、押下してリンク先に移動できるかを確認する。
【1】○
テキストリンク「公式ウェブサイトをクリックして“http://jp.fujitsu.com/”に移動することを確認した。
【2】○
画像・テキストリンクにフォーカスを移動させた後でEnterキーを押下して“http://jp.fujitsu.com/”に移動することを確認した。
Safari 6.0.5 押下にはリターンキーを使用
NVDA 2012.3 ■操作手順
リンク項目に移動したところ、「富士通画像公式ウェブサイトリンク」と読み上げられた
■音声読み上げ
「富士通画像公式ウェブサイトリンク」
PC-Talker 7 2.12 ■操作手順
Ctrl+下矢印キーで行読み、またはTabキー
■音声読み上げ
Ctrl+下矢印キー、またはTabキー
「富士通 公式ウェブサイト リンク」
VoiceOver × ■操作手順
2本指フリック、1本指フリックともに、「公式ウェブサイト リンク」とだけ読み上げられた
■音声読み上げ
「公式ウェブサイト リンク」