鍵盤互動
| 按鍵 | 動作 |
|---|---|
| 在觸發元素上按 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 鍵可將它隱藏而不移動焦點,指標可以移到卡片上,而且在滑鼠懸停或取得焦點期間會持續顯示。