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