7.2.4.4文脈におけるリンクの目的に関する達成基準 (等級A)
要注意
リンクのラベルを補足するtitle属性
キーボード操作ではtitle属性値がツールチップで表示されない。また、一部のスクリーンリーダーではtitle属性値を確認することは可能だが、title属性値の記述があることを知らせてくれる機能はない。
マウス操作をしているユーザーにはツールチップで表示されるので有用な場面もある。使用することによる悪影響はなく、キーボード操作時も画面にツールチップが表示されるように、ブラウザの今後の機能向上に期待する。
ユーザエージェント | 検証結果 | 操作手順 | 備考 |
---|---|---|---|
Internet Explorer 6.0 | △ | マウスポインタをでリンクに合わせるとツールチップが表示された。 キーボード操作でリンクにあわせてもツールチップは表示されなかった。 |
キーボード操作の場合、ツールチップは表示されなかったため。 |
Internet Explorer 7.0 | △ | マウスでは『富士通株式会社の公式サイト』が表示されるがキーボード操作ではフォーカスを当てても何も表示されない | キーボードでは対応しない |
Internet Explorer 8.0 | △ | 1.マウスでは『富士通株式会社の公式サイト』が表示されるが 2.キーボード操作ではフォーカスを当てても何も表示されない |
1:○ 2:.× キーボードでは対応しない |
Internet Explorer 9 | △ | 1:マウス操作:マウスポインタをリンク上に置いた際に、ツールチップでtitle属性値「富士通株式会社の公式サイト」が表示されるかを確認 2:キーボード操作:リンクにフォーカスを移動させた際に、ツールチップでtitle属性値「富士通株式会社の公式サイト」が表示されるかを確認 |
1:○ 2:×:リンクにフォーカスを移動させても、ツールチップでtitle属性は表示されなかった |
Firefox 3.5 | △ | マウスオーバーすると「富士通株式会社の公式サイト」がツールチップで表示される。 | キーボードのタブ移動でフォーカスを当てても、ツールチップテキストは表示されなかった。 |
Firefox 4.0 | △ | 1:マウスポインタをリンク上に置いた際に、ツールチップでtitle属性値「富士通株式会社の公式サイト」が表示されることを確認 2:キーボード操作でリンクにフォーカスを移動させた際に、ツールチップでtitle属性値が表示されるか確認 |
1:○ 2:×:キーボード操作でフォーカスを当てても、ツールチップは表示されなかった。 |
Firefox 9.0 | △ | 1:マウス操作:マウスポインタをリンク上に置いた際に、ツールチップでtitle属性値「富士通株式会社の公式サイト」が表示されるかを確認 2:キーボード操作:リンクにフォーカスを移動させた際に、ツールチップでtitle属性値「富士通株式会社の公式サイト」が表示されるかを確認 |
1:○ 2:×:リンクにフォーカスを移動させても、ツールチップでtitle属性は表示されなかった |
Safari 3.2 | △ | マウスでは『富士通株式会社の公式サイト』が表示されるがキーボード操作ではフォーカスを当てても何も表示されない | 1:○ 2:× キーボード操作が非対応 |
Safari 5.0.3 | △ | マウスでは『富士通株式会社の公式サイト』が表示されるがキーボード操作ではフォーカスを当てても何も表示されない。 | 1:○ 2:× |
JAWS for Windows 9.0 | × | ■操作手順 フォーカスを当てただけでは「富士通 リンク」と読み上げるが、Ins+Tabで「富士通株式会社の公式サイト」title属性値を読み上げさせることができた。 JAWSオプションの調整の、「テキストリンクの読み上げ」で設定の変更が可能 ■音声読み上げ 「富士通 リンク」(リンク読み上げが表示されたテキストの場合) 「富士通株式会社の公式サイト リンク」(リンク読み上げがタイトル属性の場合) |
|
ホームページ・リーダー 3.04 | × | ■操作手順 富士通にフォーカスをあてた後、ステータスの読み上げのキー操作[Ctrl]+[Shift]+[F1]によってアドレスの後に『富士通株式会社の公式サイト』を読み上げる ■音声読み上げ 「http://jp.fujitsu.com/ 富士通株式会社の公式サイト」 |
|
PC-Talker XP 3.06 | × | ■操作手順 リンクラベルの「富士通」は読み上げず、title属性の「富士通株式会社の公式サイト」リンク、とを読み上げていた。title属性による補足説明があることも特にない。また、キー操作による読み上げもない。 ■音声読み上げ 「富士通株式会社の公式サイト リンク」 |
|
PC-Talker XP 3.06 + NetReader 1.18 | × | ■操作手順 テキストリンクにフォーカスを移動させた際に、リンクのラベル「富士通」に加えて title属性値「富士通株式会社の公式サイト」を読み上げなかった。 又、title属性による補足説明があることを音声で知らせず、何らかのキー操作によりtitle属性値「富士通株式会社の公式サイト」を読み上げなかった。 ■音声読み上げ 「富士通 リンク」 |
■補足 (NetReaderのテキスト画面で) フォーカスが当たっている状態で、Alt+F3キー(カーソル位置の情報読み上げ)を押すと、下記のように読み上げた(title属性値を読み上げた)。 「富士通 訪問済みリンク リンク先は http://jp.fujitsu.com/ エンターは リンク先を開く タイトルは 富士通 株式会社の 公式サイト」 |
FocusTalk V3 | × | ■操作手順 Tabキーでフォーカスを移動させると、「富士通株式会社の公式サイト 未訪問のリンク」と読み上げた。テキスト「富士通」は読み上げられなかった。Title属性による補足説明があることは説明されない。 ■音声読み上げ 「富士通株式会社の公式サイト 未訪問のリンク」 |
|
NVDA 2010.1j | × | ■操作手順 Kキーを用いてリンクにフォーカスすると、「富士通」だけが読み上げられた。 ■音声読み上げ 「既読リンク富士通」 |
|
NVDA 2011.1 | × | ■操作手順 リンクにフォーカスすると、「富士通」だけが読み上げられた。 ■音声読み上げ 「リンク富士通」 |
|
Firefox18.0.1 | △ | 1:マウス操作:マウスポインタをリンク上に置いた際に、ツールチップでtitle属性値「富士通株式会社の公式サイト」が表示されるかを確認 2:キーボード操作:リンクにフォーカスを移動させた際に、ツールチップでtitle属性値「富士通株式会社の公式サイト」が表示されるかを確認 |
1:○ 2:×:リンクにフォーカスを移動させても、ツールチップでtitle属性は表示されなかった |
Google Chrome 25 | △ | 【1】マウスポインタをリンク上に置いた際に、ツールチップでtitle属性値「富士通株式会社の公式サイト」が表示されるかを確認する。 【2】リンクにフォーカスを移動させた際に、ツールチップでtitle属性値「富士通株式会社の公式サイト」が表示されるかを確認する。 |
【1】○ マウスをリンク上に置いた際にツールチップで「富士通株式会社の公式サイト」と表示されることを確認した。 【2】× キーボード操作でリンクにフォーカスを移動した際に、ツールチップが表示されないことを確認した。 |
Safari 6.0.5 | △ | 1.はOK、2.はNG | |
NVDA 2012.3 | × | ■操作手順 リンクにフォーカスすると、「富士通」だけが読み上げられた。 ■音声読み上げ 「リンク富士通」 |
|
PC-Talker 7 2.12 | × | ■操作手順 Tabキーで移動、またはCtrl+下矢印キーで行読み ■音声読み上げ 「富士通 リンク」(title属性値を読み上げない) |
title属性による補足説明があることも知らせない。また、title属性値を読むキー操作もない(?)。 |
VoiceOver | ○ | ■操作手順 2本指フリックすると、「富士通 リンク」だけしか読み上げられない。 1本指フリックすると、「富士通 リンク 富士通株式会社の公式サイト」と読み上げられた。 ■音声読み上げ 「富士通 リンク 富士通株式会社の公式サイト」 |