反模式 · 可访问性 · 高
无标签的纯图标按钮
无标签纯图标按钮指控件里只有一个图形，读屏用户和普通用户都不知道它是干嘛的。
症状
按钮的唯一子元素是图标或 SVG，既没有 aria-label 也没有视觉隐藏文本。
为什么会这样
图标按钮紧凑、在工具栏里显得干净，模型偏爱它。而可访问名称在截图里是看不见的，没有任何东西推动模型去补。
规则
每个纯图标控件都要有 aria-label，外加悬停与聚焦都显示的提示气泡。
- 给所有内容仅为图标的按钮加 aria-label。
- 提示气泡在悬停与键盘聚焦时都出现，不能只有悬停。
- 标签描述结果（「删除条目」），而不是图形（「垃圾桶图标」）。
无标签的纯图标按钮是什么？
没有可访问名称的图标按钮，读屏只会念「按钮」，什么信息都没有。这对所有人都是可用性问题：一个放大镜今天代表搜索，明天可能代表筛选。给每个纯图标控件加 aria-label，配一个悬停与聚焦都出现的提示气泡，并确认标签说的是「会发生什么」而不是「图标长什么样」。
修复 Prompt
贴在你现有 Prompt 之后，把这类毛病从结果里剥掉。