ARIA标签是否需要唯一？批量记录操作图标标签规范咨询

在处理列表中每条记录旁的编辑/删除图标时，要不要给图标加唯一ARIA标签，得看操作图标的上下文关联性：

• 若图标和对应记录的上下文绑定清晰（比如图标直接嵌套在标注明确的列表项里，列表项本身有“记录A：XXX”这类清晰文本），用通用的aria-label="Edit"或aria-label="Delete"完全没问题。屏幕阅读器会先读取列表项的内容，再读图标标签，用户能自然关联到当前记录。
• 若图标和记录内容的上下文关联较弱（比如图标和记录文本分离布局、或列表项本身的文本不够明确），就必须设置唯一ARIA标签，比如aria-label="Edit 记录A"、aria-label="Delete 客户张三的订单"，确保屏幕阅读器用户不用依赖视觉位置，也能准确知道操作的是哪条记录。

额外提个更灵活的实践：可以用aria-labelledby关联记录的标题元素，比如：

<li>
  <span id="record-1-title">记录A：2024年5月订单</span>
  <button aria-labelledby="record-1-title edit-label">
    <svg><!-- 编辑图标 --></svg>
  </button>
  <span id="edit-label" hidden>编辑</span>
</li>

这种方式复用了现有记录文本，比硬写唯一标签更易维护，还能保证语义清晰。

最后记得用屏幕阅读器（比如NVDA、VoiceOver）实际测试，确保操作意图传递准确。

内容的提问来源于stack exchange，提问作者lobati