交互
交互
点击、按键或悬停所做的事情,超出单纯按下按钮的意义。每种情况都是一个基准:先用指针试试,然后仅用键盘试试。
复制一个值
copy_button({ value }): 按钮旁边的图标,复制它所指的内容,或与其文字一起。复制后显示两秒钟的勾,剪贴板拒绝时显示叉——绝不声称未发生的事情。
a3f1c9e2-7b48-4d16-9c5a-2e8f0b6d4371
复制页面显示的内容
copy_button({ target }): 元素的文本,在点击时按当前状态读取。
https://example.com/invite/7f3a9c
一段代码块
code-block with copy: true — 按钮在指向代码块或通过 Tab 到达时在角落显示,无指针时仍然保持在屏幕上。
9483a-8b194
28811-eb8b3
b44d2-eb15a
9d935-03932
在回退中
回退的值附带复制按钮。
无法扫描?在应用中输入这个键:
JBSWY3DPEHPK3PXPJBSWY3DPEHPK3PXP
需要检查的内容
- Tab 可以到达每个按钮;Enter 和空格键用于复制。
- 在普通 http(开发主机)上,复制依然有效,使用旧方式。
- 粘贴到其他地方,文本完全是值:没有空格,没有多余的行。
- 屏幕阅读器在点击后会说“已复制”。