7.1.1.1非テキストコンテンツに関する達成基準 (等級A)
7.4.1.2プログラムが解釈可能な識別名，役割及び設定可能な値に関する達成基準 (等級A)
要注意
select要素のtitle属性
キーボード操作でフォーカスを移動させた際には、title属性値がツールチップによって表示されないことに注意する必要がある。そのため、ラベルとなるテキストを付与できずにtitle属性を用いる場合には、利用者がコントロールの名前や意味を視覚的に判断できるようにフォーム・コントロールを配置しなければならない。また、必要不可欠な情報である場合には、本文などで提供すべきである。
また、select要素のラベルとなるテキストがない場合（title属性を用いる場合）は、option要素のテキスト（選択肢）を何を選択するのかが分かるように記述すること。
フォーム・コントロールにはラベルとなるテキストを付与して、そのテキストをlabel要素を用いてマークアップするのが最もよい。
ラベルとなるテキストを付与できない場合には、title属性を用いることができる。
使用することによる悪影響はなく、キーボード操作時も画面にツールチップが表示されるように、ブラウザの今後の機能向上に期待する。
| ユーザエージェント | 検証結果 | 操作手順 | 備考 |
|---|---|---|---|
| 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:×：キーボード操作の場合はフォーカスが上にきてもツールチップが表示されない。 |
| Firefox 9.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キーを押してコンボボックスにフォーカスを移動した際、「検索範囲を選択」もいっしょに読み上げられた。 ■音声読み上げ 「検索範囲を選択 コンボボックス このカテゴリ内 クローズサブメニュー」 |
|
| Firefox18.0.1 | △ | 1:マウスポインタをセレクトメニュー上に置いた際に、「検索範囲を選択」がツールチップとして表示されるかを確認 2:フォーカスがセレクトメニュー上に移動させた際に、「検索範囲を選択」がツールチップとして表示されるかを確認 |
1:○ 2:×：キーボード操作の場合はフォーカスが上にきてもツールチップが表示されない。 |
| Google Chrome 25 | △ | 【1】マウスポインタをセレクトメニュー上に置いた際に、title属性値「検索範囲を選択」がツールチップとして表示されるかを確認する。 【2】フォーカスをセレクトメニュー上に移動させた際に、title属性値「検索範囲を選択」がツールチップとして表示されるかを確認する。 |
【1】○ マウスポインタをセレクトメニュー上に置いた際に、「検索範囲を選択」がツールチップとして表示されることを確認した。 【2】× フォーカスをセレクトメニュー上に移動させた際に、ツールチップが何も表示されないことを確認した。 |
| Safari 6.0.5 | △ | 1.はOK、2.はNG | |
| NVDA 2012.3 | ○ | ■操作手順 Tabキーを押してコンボボックスにフォーカスを移動した際、「検索範囲を選択」もいっしょに読み上げられた。 ■音声読み上げ 「検索範囲を選択 コンボボックス このカテゴリ内 クローズサブメニュー」 |
|
| PC-Talker 7 2.12 | ○ | ■操作手順 Ctrl＋下矢印キーで行読み、Tabキーで移動、またはShiftキーで全文読み ■音声読み上げ 「検索範囲を選択 のコンボボックス 選択」 |
|
| VoiceOver | ○ | ■操作手順 2本指フリックでは読み上げないが、1本指フリックの場合は、「検索範囲を選択」もいっしょに読み上げられた。 ■音声読み上げ 「このサイト内 ポップアップボタン 検索範囲を選択 ダブルタップしてピッカーを起動します」 |