Suche einen Sorting-Button bzw. ein Sorting Icon
bearbeitet von
Hallo Marc,
die Icons zeigen an, ob und wie sortiert **wurde**. Wie sortiert **wird** wird z.Zt. im title und im Text für Screenreader angezeigt.
* Bei Mausdrüber wird der title angezeigt.
* Bei focus wird der title inzwischen auch angezeigt.
* Bei Touch-Hold wird der title angezeigt (to do).
* Im title steht, ob auf- oder absteigend sortiert wird.
Die Alternative wäre, nicht die Spaltenüberschrift als Buttonbeschriftung zu nehmen, sondern ein „Sortiere aufsteigend“ bzw. „Sortiere absteigend“, und die Spaltenüberschrift zu lassen:
~~~ HTML
<th>
<button>Sortiere aufsteigend</button>
<p>Spaltenüberschrift △▽</p>
</th>
~~~
Aber das verändert das Layout der Tabellenüberschrift. Dafür muss man eigentlich nichts mehr für Maus- Tastatur-, Touch- oder Screenreader-Nutzer machen.
Momentan tendiere ich zur ersten Variante, bei der ich noch ein touch-hold programmieren muss.
Gruß
Jürgen
Suche einen Sorting-Button bzw. ein Sorting Icon
bearbeitet von
Hallo Marc,
die Icons zeigen an, ob und wie sortiert **wurde**. Wie bei sortiert6 **wird** wird z.Zt. im title und im Text für Screenreader angezeigt.
* Bei Mausdrüber wird der title angezeigt.
* Bei focus wird der title inzwischen auch angezeigt.
* Bei Touch-Hold wird der title angezeigt (to do).
* Im title steht, ob auf- oder absteigend sortiert wird.
Die Alternative wäre, nicht die Spaltenüberschrift als Buttonbeschriftung zu nehmen, sondern ein „Sortiere aufsteigend“ bzw. „Sortiere absteigend“, und die Spaltenüberschrift zu lassen:
~~~ HTML
<th>
<button>Sortiere aufsteigend</button>
<p>Spaltenüberschrift △▽</p>
</th>
~~~
Aber das verändert das Layout der Tabellenüberschrift. Dafür muss man eigentlich nichts mehr für Maus- Tastatur-, Touch- oder Screenreader-Nutzer machen.
Momentan tendiere ich zur ersten Variante, bei der ich noch ein touch-hold programmieren muss.
Gruß
Jürgen