Joomla und Wordpress FAQ, HowTo & Tutorials

In manchen Formularkomponenten hat man nicht die Möglichkeit die für die Usability und Barrierefreiheit wichtigen "tabindex" zu setzen. Mit dem Folgendne Skript ist das kinderleicht nachzuholen.

Diese Funktion sucht Elemente mit [name=' * '] und fügt das Attribut " tabindex=' * ' " hinzu.

<script type='text/j-avascript'>
(function( $ ){
    $(document).ready(function(){
        $( "select[name='anrede']" ).prop('tabindex', '1');
        $( "input[name='name']" ).prop('tabindex', '2');
        $( "input[name='prename']" ).prop('tabindex', '3');
        $( "input[name='strasse']" ).prop('tabindex', '4');
        $( "input[name='plz']" ).prop('tabindex', '5');
        $( "input[name='ort']" ).prop('tabindex', '6');
        $( "input[name='email']" ).prop('tabindex', '7');
        $( "input[name='geburtstag']" ).prop('tabindex', '8');
        });
})( jQuery );
</script>

Das Ergebnis sieht wie folgt aus ...

<input name="name" value="" size="40" class="required" aria-required="true" aria-invalid="false" tabindex="2" type="text">