键盘交互

按键操作
在触发器上按 Enter 或空格键打开或关闭弹出框。
Tab移入已打开的弹出框,它紧跟在触发器之后。
Esc关闭弹出框并将焦点返回触发器,或隐藏悬停卡片。

无障碍说明

  • 弹出框是非模态的 dialog:请用 aria-label 或 aria-labelledby 为它命名。它的触发器会获得 aria-haspopup,以及由浏览器维护的 aria-expanded。
  • 悬停卡片是一个 tooltip,也是其触发器的 aria-describedby,因此它的文字会随触发器一起读出。不要在其中放置控件;需要控件时请使用弹出框。
  • 悬停卡片符合 WCAG 1.4.13:按 Esc 键可将其隐藏且不移动焦点,指针可以移到卡片上,并且在悬停或获得焦点期间会一直显示。