Heute mal wieder was technisches.

Wenn ich auf anderen Blogs kommentiere springe ich mit Hilfe der Tabulator-Taste von Eingabefeld zu Eingabefeld. Leider gibt es aber Blogs wo die Reihenfolge der Eingabefelder ziemlich durcheinander ist, so dass z.B. vom Eingabefeld “Name” nicht zu dem darunter liegenden Feld “E-Mail” gesprungen wird sondern meinetwegen ins Suchfeld. Das nervt mich total, da ich so ganz schnell die Orientierung verliere und meinen Cursor suchen muss.

Als ich Gestern das plugin “Twitterlink Comments” von Andy Baily installiert habe und danach manuell in meiner comments.php einbaute kam ich auf des Rätsels Lösung. Für die Reihenfolge der Eingabefelder ist nämlich der tag “tabindex” verantwortlich. Der Code für die vier Eingabefelder in meiner comments.php sieht z.B. wie folgt aus:

<p><input type="text" name="author" id="author" value="<?php echo esc_attr($comment_author); ?/>" size="22" tabindex="1" < ?php if ($req) echo "aria-required='true'"; ?> />
<label for="author"><small>< ?php _e('Name', 'kubrick'); ?> < ?php if ($req) _e("(required)", "kubrick"); ?></small></label></p>

<p><input type="text" name="email" id="email" value="<?php echo esc_attr($comment_author_email); ?/>" size="22" tabindex="2" < ?php if ($req) echo "aria-required='true'"; ?> />
<label for="email"><small>< ?php _e('Mail (wird nicht veröffentlicht)', 'kubrick'); ?> < ?php if ($req) _e("(required)", "kubrick"); ?></small></label></p>

<p><input type="text" name="url" id="url" value="<?php echo  esc_attr($comment_author_url); ?/>" size="22" tabindex="3" />
<label for="url"><small>< ?php _e('Website', 'kubrick'); ?></small></label></p>

<p><input type="text" name="atf_twitter_id" id="url" value="<?php echo  esc_attr($atf_twitter_id); ?/>" size="22" tabindex="4" />
<label for="url"><small>< ?php _e('Twitter Benutzername', 'kubrick'); ?></small></label></p>

Mit der Angabe des [wpseo]tabindex[/wpseo] stellt man also sicher, das nicht irgendwo hin gesprungen wird, wenn die Tabulator-Taste gedrückt wird, sondern schön brav zum nächsten [wpseo]Eingabefeld[/wpseo]. Nur ein klein wenig Code aber ganz gewiss eine große Erleichterung für den Kommentierenden.

Ich hoffe, ich konnt wieder einmal zur allgemeinen Verwirrung beitragen!