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

H33-1: H33: title属性を用いて、リンクテキストの文言を補足する

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

7.2.4.4文脈におけるリンクの目的に関する達成基準 (等級A)

テストファイル

H33-1のテストファイル

見解

要注意

対象

リンクのラベルを補足する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本指フリックすると、「富士通 リンク 富士通株式会社の公式サイト」と読み上げられた。
■音声読み上げ
「富士通 リンク 富士通株式会社の公式サイト」