交互

交互

点击、按键或悬停所做的事情,超出单纯按下按钮的意义。每种情况都是一个基准:先用指针试试,然后仅用键盘试试。

复制一个值

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(开发主机)上,复制依然有效,使用旧方式。
  • 粘贴到其他地方,文本完全是值:没有空格,没有多余的行。
  • 屏幕阅读器在点击后会说“已复制”。