键盘交互

按键操作
Tab将焦点移到按钮或链接上。
Enter激活按钮,或打开链接。
空格键激活按钮。在链接上则会滚动页面(原生行为)。

无障碍说明

  • 可访问名称取自元素的文本。仅含图标的按钮需要设置 aria-label
  • 在所有变体、色调和主题下,文本对比度都达到 4.5:1,这由调色板生成器强制保证。
  • 焦点环是一条 2px 的轮廓线,在两种主题下与页面的对比度都至少为 3:1。
  • 禁用的 <button> 会退出 Tab 键顺序。禁用的链接仍可获得焦点,以便屏幕阅读器用户找到它,并会被播报为已禁用。
  • 在强制颜色模式下,透明边框会变成使用系统颜色的可见轮廓。