Featurerequest: Sortierschalter in TableStateless genauer beschreiben

[CBo-itz]

Ist
In der TableStateless mit sortierbaren Spalten wird vom Screenreader beim Fokus der Tabellenheader vorgelesen: "Schalter"

Soll
Im Sinne der Barrierefreiheit sollte es möglich sein, das Vorgelesene näher zu spezifizieren: "Sortierschalter".

Am flexibelsten wäre dies über eine zusätzliche Property an den übergebenen TableHeaders. Über die Property wird dann im HTML des Sortier-Buttons das Attribut aria-description befüllt.

Reproduktion

• Ich habe eine Tabelle mit sortierbaren Spalten
• Ich tabbe von Außen in die Tabelle über den Sortieren-Header-Schalter - er liest "Schalter" vor

Version
2.2.11

[deleonio]

Wir haben ermittelt, dass aria-sort der Wert none (unsere Erwartung "unsortiert") gar nicht von NVDA und other nur als "sortiert" vorgelesen wird.

• https://developer.mozilla.org/de/docs/Web/Accessibility/ARIA/Reference/Attributes/aria-sort
• https://adrianroselli.com/2021/04/sortable-table-columns.html

Bug-Report bei NVDA: nvaccess/nvda#9017

[cbraehmig]

Interessant:

w3c/aria-practices#1192
https://a11ysupport.io/tech/aria/aria-sort_attribute

[cbraehmig]

Folgende Entscheidung würde getroffen.

Die Funktion des Schalters wird durch ein "aria-describedby" näher beschrieben. Das gilt für jede sortierbare Spalte einer Tabelle. Der Text sollte möglichst nur ein Wort wie "Sortieren" enthalten.

[deleonio]

Konkret: _aria-description am Sortierenschalter verwenden und folgende Werte setzen.

aria-sort	Wert
none	"aufsteigend sortieren"
ASC	"aufsteigend sortiert"
DESC	"absteigend sortiert"