追加の説明を、閉じられて、消えずに読めるようにする。

05条件と補足

3つの条件

ホバーはポインタを重ねること、フォーカスはキーボードなどで操作対象を選んだ状態です。この動きに連動して現れたり消えたりする追加の内容が対象です。制作者が用意する小さな説明やサブメニューなどが当てはまります。

• 非表示にできる：ポインタやフォーカスを動かさず閉じる手段を用意します。Escキーは方法の例です。入力エラーを伝える場合、または他の内容を隠したり置き換えたりしない場合は、この条件の例外です。
• ホバーできる：ホバーで追加の内容を表示できる場合、ポインタをその内容の上へ移しても消えないようにします。
• 表示が続く：元の操作部品と追加の内容からホバーやフォーカスが外れる、利用者が閉じる、または情報が有効でなくなるまでは表示を保ちます。

入力エラーだから3条件すべてが免除される、という意味ではありません。閉じる手段に関する例外と、ほかの条件は区別します。

ブラウザーが表示する説明など

追加内容の見た目をブラウザーなどが制御し、制作者が変更していない場合は、この基準の例外です。HTMLのtitle属性に対してブラウザーが出す説明が例です。

フォーカスを受けた操作部品そのものが見えるようになるだけの表示は、追加の内容とは区別します。例えば、フォーカスすると見えるスキップリンクは、この基準の対象ではありません。クリックして開閉するだけの内容もこのホバー・フォーカスとの連動という条件と分けて確認します。

ほかの基準との違い

ホバーで開く説明をキーボードでも利用できるかは、2.1.1「キーボード」でも確認します。この基準では表示された内容を閉じたり、上へポインタを動かしたり、読み続けたりできるかを確かめます。

この改善例で扱うのは、図に示した持ち物の説明の表示です。ページやサイト全体のWCAG適合を示すものではありません。