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

H065-1label要素を用いることができないとき、title属性を用いてフォーム・コントロールを特定する

見解

要注意

対象

select要素のtitle属性

注意点

ラベルとなるテキストを付与できない場合には、title属性を用いることができる。
ただし、キーボード操作でフォーカスを移動させた際には、title属性値がツールチップによって表示されないことに注意する必要がある。そのため、ラベルとなるテキストを付与できずにtitle属性を用いる場合には、利用者がコントロールの名前や意味を視覚的に判断できるようにフォーム・コントロールを配置しなければならない。また、必要不可欠な情報である場合には、本文などで提供すべきである。
また、select要素のラベルとなるテキストがない場合（title属性を用いる場合）は、option要素のテキスト（選択肢）を何を選択するのかが分かるように記述すること。

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

フォーム・コントロールにはラベルとなるテキストを付与して、そのテキストをlabel要素を用いてマークアップするのが最もよい。

備考

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

テスト結果の詳細

ユーザエージェント 検証結果 操作手順 備考
Internet Explorer 6.0 × マウスでカーソルをセレクトメニュー「このサイト内」の上に合わせたが反応なし IE6かXPどちらかが対応していない模様
Internet Explorer 7.0 △ マウスポインタをセレクトメニュー上に置いたとき、「検索範囲を選択」がツールチップとして表示されることを確認
Internet Explorer 8.0 △ 1.マウスポインタをセレクトメニュー上に置いたとき、「検索範囲を選択」がツールチップとして表示されることを確認
2.キーボードでセレクトメニューに移動させるが、ツールチップは表示されない。		 1：○
2.：×
Internet Explorer 9 △ 1:マウスポインタを置くと、セレクトメニュー上に置いた際に、「検索範囲を選択」がツールチップとして表示されるかを確認
2:フォーカスがセレクトメニュー上に移動させた際に、「検索範囲を選択」がツールチップとして表示されるかを確認		 1:○　
2:×：キーボード操作の場合はフォーカスが上にきてもツールチップが表示されない。
Firefox 3.5 △ マウスポインタをセレクトメニュー上に置いたとき、「検索範囲を選択」がツールチップとして表示されることを確認
Firefox 4.0 △ 1:マウスポインタを置くと、セレクトメニュー上に置いた際に、「検索範囲を選択」がツールチップとして表示されるかを確認
2:フォーカスがセレクトメニュー上に移動させた際に、「検索範囲を選択」がツールチップとして表示されるかを確認		 1:○　
2:×：キーボード操作の場合はフォーカスが上にきてもツールチップが表示されない。
Safari 3.2 △ マウスポインタをセレクトメニュー上に置いた際に、ツールチップが表示されていた。
Safari 5.0.3 △ マウスポインタをセレクトメニュー上に置いた際に、title属性値「検索範囲を選択」がツールチップとして表示された。キーボードでフォーカスをセレクトメニュー上に移動させた際に、title属性値「検索範囲を選択」がツールチップとして表示されない。 1：○
2：×
JAWS for Windows 9.0 ○ ■操作手順
セレクトメニューにフォーカスを当てたとき「検索範囲を選択コンボボックス」と読み上げる
■音声読み上げ
「検索範囲を選択　コンボボックス　このサイト内　３の１」
ホームページ・リーダー 3.04 ○ ■操作手順
Tabで移動させたとき「検索範囲を選択(選択メニューの先頭」と読み上げた。
■音声読み上げ
「 (フォーム1 の先頭。)　検索:　 [テキスト。] 　(選択メニューの先頭: 3 項目。) [縮小。] このサイト内 [選択中。]　(選択メニューの終わり。)　 (フォーム1 の終わり。)」		 ※ただし、セレクトメニュー内の項目を一つずつ読み上げるときには「検索範囲を選択」は読み上げない。
PC-Talker XP 3.06 ○ ■操作手順
「検索範囲を選択の選択」と読み上げている。
■音声読み上げ
「検索のエディット、文字入力、検索範囲を選択のコンボボックス、選択このサイト内」
PC-Talker XP 3.06 + NetReader 1.18 ○ ■操作手順
セレクトメニューにフォーカスを移動させた際に、title属性値「検索範囲を選択」をセレクトメニューと一緒に読み上げた。
■音声読み上げ
「検索範囲を　選択　選択　このサイト内　スペースで選択」
FocusTalk V3 × ■操作手順
テキストフィールドにTabキーでフォーカスを移動すると「検索のエディット」と読み上げ、セレクトメニューにフォーカスを移動すると「コンボボックス　このサイト内」と読み上げる。
■音声読み上げ
「検索のエディット　コンボボックス　このサイト内」
NVDA 2010.1j ○ ■操作手順
コンボボックスにフォーカスを移動した際、「検索範囲を選択」もいっしょに読み上げられた。
■音声読み上げ
「検索範囲を選択　コンボボックス　このカテゴリ内　クローズサブメニュー」
NVDA 2011.1 ○ ■操作手順
Tabキーを押してコンボボックスにフォーカスを移動した際、「検索範囲を選択」もいっしょに読み上げられた。
■音声読み上げ
「検索範囲を選択　コンボボックス　このカテゴリ内　クローズサブメニュー」