搜索、收藏、分享三个图标按钮并排，读屏一路过去全是按钮，用户不知道该点哪个，只能一个个试过去。第一次遇到会往复杂处想，其实漏掉的多是个小前提。
<button aria-label='收藏这篇文章'> <svg aria-hidden='true' focusable='false'>…</svg> </button>
按钮里只有一个 svg 或者图标字体，没有可访问名称，读屏拿不到任何文字，最后退化成一个没有标签的空按钮，点错也怪不得用户。这一点先确认清楚，后面就不用反复试。
「图标按钮名称」这个问题文档写得含糊，实际行为以当前版本为准，别照旧版本的结论套。把复现步骤压到三条以内，交给同事也能跑出来，才算真的定位清楚。
改动写完就同步给同事，下一个人踩同一个坑，成本还是你的。
具体做法是，给按钮加一句说明具体动作的 aria-label，比如收藏这篇文章；或者在按钮里放一个视觉隐藏的 span 文本当作名称；图标本身标记 aria-hidden，免得读屏把文件名也重复朗读一遍。
改完照着核一遍，读屏扫过每个图标按钮，都能念出具体动作而不是只报按钮。