Was ist die Tabulator-Reihenfolge und warum ist sie wichtig?
Bei den meisten Browsern ist es möglich, mit der Tabulator-Taste verschiedene Elemente wie Eingabefelder, Checkboxen, Radio-Buttons usw. in Formularen sowie Links anzuspringen. In der Regel werden die verschiedenen Elemente einer Webseite in der Reihenfolge angesprungen in der sie im HTML-Code aufgeführt sind. Mit dem Attribut tabindex=»» ist es möglich die Tabulator-Reihenfolge bei Bedarf selber festzulegen, dies nur der Vollständigkeit halber.
Das Problem
Bei unserem Tests fällt uns immer wieder auf, dass bei Websites die mit dem CMS (Content Managment System) TYPO 3 realisiert wurden Probleme mit der Tabulator-Reihenfolge auftreten.
Bei den betroffenen Sites ist es nicht möglich alle Elemente mit der Tabulator-Taste anzuspringen. Stattdessen gerät man in eine «Schleife», in welcher man nur in der Navigation oder wenn vorhanden in den Accesskeys im Kreis herumspringt und aus der man nicht wieder herauskommt.
Die Ursache
Als Ursache hat sich herausgestellt, dass in TYPO 3 bei jedem Menü jedem Link der Parameter onfocus=»blurLink(this);» hinzugefügt wird.
Von diesem Problem ist nur der Internet Explorer betroffen.
Die Lösung
- In der globalen Konfiguration sicherstellen, dass config.ATagParams nicht onFocus=»blurLink(this)» enthält.
- In jedem einzelnen Menu-Objekt (TMENU, GMENU, etc.) sicherstellen, dass der Typoscript Pramater noBlur=1 gesetzt ist.
In der Typo 3-Dokumentation TSREF ist dazu folgendes zu lesen:
- Normally links are «blurred» if the browser is MSIE. Blurring removes the ugly box around a clicked link.
- If this property is set, the link is NOT blurred (browser-default) with «onFocus».
