Suche einen Sorting-Button bzw. ein Sorting Icon

[JürgenB]

Hallo Marc,

meine aktuelle Testversion sieht jetzt so aus.

Ich habe eigentlich nur noch zwei Sachen zu bemeckern:

Du hast folgenden Button:

<button type="button" class="sortbutton sortedasc" aria-current="true">
  <span class="visually-hidden">Sortiere aufsteigend nach </span>
  <span class="visually-hidden">Sortiere absteigend nach </span>
  Vorsilbe
</button>

1. "Sortiere aufsteigend nach" und "Sortiere absteigend nach" wird blinden immer vorgelesen, egal wodrauf der Button steht. Sollte natürlich nur das jeweils richtige sein.

Einer der beiden Texte wird per css/Javascript mit display: none; versehen. Wird er dann trotzdem vorgelesen?

2. aria-current markiert ein Element aus einer Reihe von gleichen Elementen als "das Aktuelle". Du hast aber nur einen button in dem th – korrekt wäre IMHO das aria-current="true" für die th zu setzen, wobei ich das für überflüssig halte. Für Blinde und Sehende hast du inzwischen genug Hinweise eingebaut und ich weiß jetzt aus dem Kopf nicht, ob es nicht schadet. Die erste aria-Regel lautet: benutze kein aria 😉

Das aria-current habe ich entfernt.

Gruß
Jürgen