キーボード操作

キー動作
トリガー上で Enter または Spaceポップオーバーを開閉します。
Tab開いているポップオーバーの中に移動します。ポップオーバーはトリガーの直後にあります。
Escポップオーバーを閉じてトリガーにフォーカスを戻すか、ホバーカードを隠します。

アクセシビリティの注意点

  • ポップオーバーは非モーダルの dialog です。aria-label または aria-labelledby で名前を付けてください。トリガーには aria-haspopup と、ブラウザーによる aria-expanded が付きます。
  • ホバーカードは tooltip で、トリガーの aria-describedby になるため、そのテキストはトリガーと一緒に読み上げられます。操作できる要素は入れないでください。それにはポップオーバーを使います。
  • ホバーカードは WCAG 1.4.13 を満たします。Esc キーでフォーカスを動かさずに隠せ、ポインターをカードの上に移動でき、ホバーまたはフォーカスしている間は表示されたままです。