隐藏表列 header 中的某些部分

Question

我有一张桌子。 在表格列中，我有两件事，一个是表格列名称，一个是用于对列进行排序的图标。 一切正常，但现在我开始使用可访问性，发现对于每个列值，它都会读取表 header 和 aria label 图标。 我不想读取图标的 aria label 是否有任何方法可以为图标提供 label，以便它在屏幕阅读器中读取但不读取每个数据行。也不想将图标放在表列之外。

Answer 1

使用可排序表中说明的解决方案。

• 使用aria-hidden从可访问性中删除图标，也
• 使用符合箭头图标目的的aria-sort并让屏幕阅读器知道排序的方向：升序或降序。

视觉用户可以通过看到箭头图标 position 来了解方向。

非视觉用户将能够知道 SR 何时说出aria-sort值。