Suche einen Sorting-Button bzw. ein Sorting Icon

[JürgenB]

Hallo Marc,

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

Besser fände ich nach einigem Nachdenken: ohne JavaScript "Sortiere nach Vorsilbe" ...

das müsste dann aber vom Seitenautor in den HTML-Quelltext gesetzt werden. Für das Wiki-Beispiel ist das aber nicht von Interesse, da es keinen Serverfallback gibt. Ohne Javascript ist es einfach nur eine statische Tabelle.

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

Gruß
Jürgen