隱藏表列 header 中的某些部分

Question

我有一張桌子。 在表格列中，我有兩件事，一個是表格列名稱，一個是用於對列進行排序的圖標。 一切正常，但現在我開始使用可訪問性，發現對於每個列值，它都會讀取表 header 和 aria label 圖標。 我不想讀取圖標的 aria label 是否有任何方法可以為圖標提供 label，以便它在屏幕閱讀器中讀取但不讀取每個數據行。也不想將圖標放在表列之外。

Answer 1

使用可排序表中說明的解決方案。

• 使用aria-hidden從可訪問性中刪除圖標，也
• 使用符合箭頭圖標目的的aria-sort並讓屏幕閱讀器知道排序的方向：升序或降序。

視覺用戶可以通過看到箭頭圖標 position 來了解方向。

非視覺用戶將能夠知道 SR 何時說出aria-sort值。