アクセシビリティ・サポーテッド（AS）情報：H033-1

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

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

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

テストファイル

H033-1のテストファイル

見解

要注意

対象

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属性値「富士通株式会社の公式サイト」が表示されるかを確認		 １:○
２:×：リンクにフォーカスを移動させても、ツールチップで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 × ■操作手順
リンクにフォーカスすると、「富士通」だけが読み上げられた。
■音声読み上げ
「リンク富士通」