鍵盤互動

按鍵動作
在觸發元素上按 Enter 或空白鍵開啟或關閉 Popover。
Tab移入已開啟的 Popover,它緊接在觸發元素之後。
Esc關閉 Popover 並將焦點移回觸發元素,或隱藏懸停卡片。

無障礙說明

  • Popover 是非強制回應的 dialog:請用 aria-label 或 aria-labelledby 為它命名。它的觸發元素會加上 aria-haspopup,以及由瀏覽器維護的 aria-expanded。
  • 懸停卡片是一個 tooltip,也是其觸發元素的 aria-describedby,因此它的文字會與觸發元素一起被朗讀。請勿在其中放置控制項;需要控制項時請改用 Popover。
  • 懸停卡片符合 WCAG 1.4.13:按 Esc 鍵可將它隱藏而不移動焦點,指標可以移到卡片上,而且在滑鼠懸停或取得焦點期間會持續顯示。