Tabben statt Klicken

Änderung der Tab-Reihenfolge

Wenn eine Seite linearisierbar ist, dann ist die Tab-Reihenfolge meist schlüssig. Manchmal ist aber das, was am Bildschirm neben- oder untereinander angeordnet ist, mit der Tastatur umständlich zu bedienen, weil die Tabulatortaste den Nutzer woanders hinbringt als er erwartet oder sich wünscht. In Layouts mit vielen Informationsblöcken können solche Schwierigkeiten vor allem an einer Kombination aus der Anordnung der Inhalte und den Erwartungen des Nutzers liegen.

Eindeutige Lösungen sind meist nicht gegeben

Die folgenden Fragen zeigen, mit welchen Aspekten man sich in der Entwicklung von tastaturbedienbaren Seiten auseinandersetzen muss:

• Sollte in einer Tabelle reihenweise oder spaltenweise navigiert werden?
• Welche Spalten sollten in einem dreispaltigen Layout nacheinander angesprungen werden?
• Wenn viele Informationsblöcke einer Seite gleichrangige Inhalte haben, welche sollen zuerst angesprungen werden können?

Die Antworten sind immer abhängig von den Inhalten. Beispielsweise sollten in einem dreispaltigen Layout Hauptnavigation und Inhalte eher am Anfang der Tab-Reihenfolge stehen; wenn eine Spalte wichtige Funktionen zum Bedienen der Inhalte aufweist, können diese aber auch höher bewertet werden und in der Tab-Reihenfolge an vorrangiger Stelle stehen. In Tabellen wird allgemein horizontal navigiert, aber es kann Fälle geben, in denen eine vertikale Navigation besser ist. Bei verschiedenen Informationsblöcken spielt das Layout hingegen eine wesentliche Rolle:

Wichtig ist stets, dass visuell vermittelte logische Beziehungen von Links und Steuerelementen zusammenhängend per Tabulatortaste angesteuert werden. Dies wird mit linearisierbarem Code bewirkt. Nur wenn die logischen Beziehungen am Bildschirm mit der Tastatur nicht intuitiv bedient werden können, kann man sich für den Einsatz des tabindex-Attributs entscheiden.

Sorgfältiger Einsatz

In einigen wenigen Fällen ist die
Fatal error: Uncaught Error: Call to undefined function mysql_query() in /home/lfqdu6ah4gh6/migrated_webspace/www/bfw/lib/php/content_func.php:124 Stack trace: #0 /home/lfqdu6ah4gh6/migrated_webspace/www/bfw/lib/php/content_func.php(112): setScLinkToDb() #1 /home/lfqdu6ah4gh6/migrated_webspace/www/bfw/knowhow/tabindex/aenderung-der-tab-reihenfolge.php(28): sclink() #2 {main} thrown in /home/lfqdu6ah4gh6/migrated_webspace/www/bfw/lib/php/content_func.php on line 124