键盘交互
| 按键 | 操作 |
|---|---|
| 在触发器上按 Enter 或空格键 | 打开或关闭弹出框。 |
| Tab | 移入已打开的弹出框,它紧跟在触发器之后。 |
| Esc | 关闭弹出框并将焦点返回触发器,或隐藏悬停卡片。 |
无障碍说明
- 弹出框是非模态的
dialog:请用aria-label或aria-labelledby为它命名。它的触发器会获得aria-haspopup,以及由浏览器维护的aria-expanded。 - 悬停卡片是一个
tooltip,也是其触发器的aria-describedby,因此它的文字会随触发器一起读出。不要在其中放置控件;需要控件时请使用弹出框。 - 悬停卡片符合 WCAG 1.4.13:按 Esc 键可将其隐藏且不移动焦点,指针可以移到卡片上,并且在悬停或获得焦点期间会一直显示。