Barrierefreies Webdesign ein zugängliches und nutzbares Internet gestalten

Tabben statt Klicken veröffentlicht in 2001zuletzt bearbeitet in 2011

Änderung der Tab-Reihenfolge

Wenn eine Seite linearisierbar ist, dann ist die Extern, englischsprachig: 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:

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:

Bildschirmfoto einer Webseite des WDR mit drei Spalten, die jeweils eine unterschiedliche Anzahl an Textblöcken enthalten. Es gibt mehrere denkbare Tab-Reihenfolgen

Wichtig ist stets, dass visuell vermittelte logische Beziehungen von Links und Steuerelementen Extern, englischsprachig: 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 /is/htdocs/wp1150536_NS87B85NF3/www/bfw/lib/php/content_func.php:196 Stack trace: #0 /is/htdocs/wp1150536_NS87B85NF3/www/bfw/lib/php/content_func.php(172): setScLinkToDb('2.4.3', '20-80-tabindex-...') #1 /is/htdocs/wp1150536_NS87B85NF3/www/bfw/knowhow/tabindex/aenderung-der-tab-reihenfolge.php(28): sclink('2.4.3', 'Beeinflussung d...') #2 {main} thrown in /is/htdocs/wp1150536_NS87B85NF3/www/bfw/lib/php/content_func.php on line 196