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

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

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

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

テストファイル

H033-2のテストファイル

見解

要注意

対象

a要素のtitle属性値

注意点

マウス操作をしているユーザーにはツールチップで表示されるので有用な場面もあるが、キーボード操作ではtitle属性値がツールチップで表示されない。また、一部のスクリーンリーダーではtitle属性値を確認することは可能だが、title属性値の記述があることを知らせてくれる機能はない。

備考

使用することによる悪影響はなく、キーボード操作時も画面にツールチップが表示されるように、ブラウザの今後の機能向上に期待する。

テスト結果の詳細

ユーザエージェント 検証結果 操作手順 備考
Internet Explorer 6.0 2.「富士通 公開サイト」にマウスポインタを置いた際に、title属性値「新しいウィンドウで開く」がツールチップで表示される 1.「富士通 公開サイト」にtitle属性値による補足説明があることが認識できない
3.「富士通 公開サイト」にフォーカスを移動させた際に、title属性値「新しいウィンドウで開く」がツールチップで表示されない
Internet Explorer 7.0 1.title属性値の補足説明は表示だけでは分からない。「新しいウィンドウで開く」はマウスポインタでは表示されるが、キーボードでは表示されない 1:×title属性の表示なし
2:○
3:×キーボード操作非対応
Internet Explorer 8.0 1.title属性値の補足説明は表示だけでは分からない。通常のリンクテキストで表示される。
2.マウスオーバーで「新しいウィンドウで開く」はマウスポインタでは表示されるが、
3.キーボードではフォーカスが当たっても何も表示されない
1:×title属性の表示なし
2:○
3:×キーボード操作非対応
Internet Explorer 9 1:リンク「富士通 公開サイト」にtitle属性値による補足説明があることが分かるように表示されるかを確認
2:マウス操作:リンク「富士通 公開サイト」にマウスポインタを置いた際に、title属性値「新しいウィンドウで開く」がツールチップで表示されるかを確認
3:キーボード操作:リンク「富士通 公開サイト」にフォーカスを移動させた際に、title属性値「新しいウィンドウで開く」がツールチップで表示されるかを確認
1:×:リンクによる下線であり、title属性としての補足説明が表示されていない
2:○
3:×:キーボード操作で「富士通公開サイト」にフォーカスが移動した時、ツールチップは表示されなかった
Firefox 3.5 1.リンにマウスポインタを置いた際に、title属性値「新しいウィンドウで開く」がツールチップで表示された。
2.キーボード操作によるツールチップは表示されなかった。
1.○
2.×キーボードは非対応
Firefox 4.0 1:「富士通 公開サイト」にtitle属性値による補足説明は表示されることを確認
2:「富士通 公開サイト」にマウスポインタを置いた際に、title属性値「新しいウィンドウで開く」がツールチップで表示されることを確認
3:「富士通 公開サイト」にフォーカスを移動させた際に、title属性値は表示されることを確認
1:×:テキストリンクのため、title属性と補足説明として下線があるわけではないので×。
2:○ 
3:×:キーボード操作でフォーカスを移動させた際にtitle属性値は表示されなかった
Firefox 9.0 1:リンク「富士通 公開サイト」にtitle属性値による補足説明があることが分かるように表示されるかを確認
2:マウス操作:リンク「富士通 公開サイト」にマウスポインタを置いた際に、title属性値「新しいウィンドウで開く」がツールチップで表示されるかを確認
3:キーボード操作:リンク「富士通 公開サイト」にフォーカスを移動させた際に、title属性値「新しいウィンドウで開く」がツールチップで表示されるかを確認
1:×:リンクによる下線であり、title属性としての補足説明が表示されていない
2:○
3:×:キーボード操作で「富士通公開サイト」にフォーカスが移動した時、ツールチップは表示されなかった
Safari 3.2 1.なにもアクションを起こさなければ、タイトル属性による補足説明があるとわからない。
2.マウスポインタをリンクの上におくと、タイトル属性「新しいウィンドウで開く」がツールチップで表示された。
3.リンクにフォーカスを移動させたが、ツールチップは表示されない。
1.アクションを起こさないと補足説明があるとわからないので、×。
2.ツールチップが表示されたので○。
3.フォーカスがあたっただけで×。
Safari 5.0.3 1.なにもアクションを起こさなければ、タイトル属性による補足説明があるとわからない。
2.マウスポインタをリンクの上におくと、タイトル属性「新しいウィンドウで開く」がツールチップで表示された。
3.リンクにフォーカスを移動させたが、ツールチップは表示されない。
1: ×
2: ○
3: ×
JAWS for Windows 9.0 × ■操作手順
リンク「富士通 公開サイト」にフォーカスを移動させた際は「富士通 公開サイト リンク」と読み上げる。
Ins+Tabを押していくと、title属性や詳しい説明を読み上げさせることができる。
JAWSオプションの調整の、「テキストリンクの読み上げ」で設定の変更が可能
■音声読み上げ
「富士通 公開サイト リンク」(リンク読み上げが表示されたテキストの場合)
「新しいウィンドウで開く リンク」(リンク読み上げがタイトル属性の場合)
ホームページ・リーダー 3.04 × ■操作手順
「富士通公開サイト」「ページの終わり」と読み上げ、title属性や補足説明についての読み上げは行わない
Alt+F1でもリンク1ページの100%としか読み上げない
■音声読み上げ
「富士通公開サイト ページの終わり」
title属性や補足説明について読み上げない
PC-Talker XP 3.06 × ■操作手順
「「新しいウィンドウで開く」、リンク」と読み上げる。リンク自体は読み上げない。また、title属性値による補足説明があることが分かるようには読み上げていない。
■音声読み上げ
「「新しいウィンドウで開く」、リンク」
リンク自体を読み上げていないので、×。
PC-Talker XP 3.06 + NetReader 1.18 × ■操作手順
リンク「富士通 公開サイト」にフォーカスを移動させた際に、リンクテキスト「富士通 公開サイト」とともにtitle属性値「新しいウィンドウで開く」が読み上げられなかった。
また、title属性値による補足説明があることが分かるように読み上げられなかった。
■音声読み上げ
「富士通 公開サイト おわり テキストエンド」
FocusTalk V3 × ■操作手順
「新しいウィンドウで開く」と読み上げ、リンクの文字列「富士通 公開サイト」について読み上げは行わない
■音声読み上げ
「新しいウィンドウで開く」
キー操作モードがONの場合、FocusTalkはページの内容は読み上げない。矢印キーで左、上矢印キーを押下すると「ページの先頭です」と読み上げ、下、右矢印キーを押下しても「ページの終端です」と読み上げ、ページの内容を読み上げない。
左記はキー操作モードをOFF(ブラウザ操作)に変更し、Tabキーで「富士通 公開サイト」にフォーカスを移動した結果を記載している。
NVDA 2010.1j × ■操作手順
1. リンク「富士通 公開サイト」にフォーカスを移動させた際に、リンクテキスト「富士通 公開サイト」のみが読み上げられた。
■音声読み上げ
「リンク富士通 公開サイト」
NVDA 2011.1 × ■操作手順
1. リンク「富士通 公開サイト」にフォーカスを移動させた際に、リンクテキスト「富士通 公開サイト」のみが読み上げられた。
■音声読み上げ
「リンク富士通 公開サイト」