Suche einen Sorting-Button bzw. ein Sorting Icon

[marctrix]

Hej JürgenB,

<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?

Nein, das sorgt dafür, dass der Text nicht mehr dargestellt wird. Nicht optisch, nicht akustisch, überhaupt nicht. 😉

aber das ist doch das gewünschte. Es wird der Text eingeblendet, der die Sortierrichtung anzeigt.

Stimmt. Mir war das vorher nur nicht bewusst und im letzten Post habe ich einfach Deine Frage beantwortet. - Alles gut so!

...und mit Java Script sortiere <span>aufsteigend | absteigend</span> nach Vorsilbe"…

also so, wie es ist, oder soll der Text aufsteigend | absteigend immer angezeigt werden?

Nein, der senkrechte Strich steht für "oder" - ich habe stillschweigend eine Fallunterscheidung vorausgesetzt - so wie jetzt.

Du kannst das bestehende auch lassen, fand meinen Vorschlag aber besser, weil ich mir nicht klar gemacht habe, dass der ganze Button nicht da ist, wenn JS nicht aktiv ist.

Mach nichts mehr da dran, ist jetzt gut so wie es ist!

Marc