JS: tabindex in jedes Feld einfügen (Barrierefreiheit)

edit | delete

Autor: Ralf v.d.Mark

eingetragen: Dienstag, 11. Juli 2023 um 10:49 Uhr (28/2023 Kalenderwoche)

geändert: Dienstag, 11. Juli 2023 um 11:28 Uhr (28/2023 Kalenderwoche)

Keywords: tabindex jedes Feld einfügen Barrierefreiheit

Kategorien: HTML, JavaScript, Barrierefreiheit,

Text:

Jedes Feld mit einem fortlaufenden "tabindex" versehen.


https://stackoverflow.com/questions/3772438/can-i-dynamically-set-...

Quellcode:  

$(document).ready(function () {

    /** Jedes Feld mit einem fortlaufenden "tabindex" versehen:
     * https://stackoverflow.com/questions/3772438/can-i-dynamically-set-tabindex-in-javascript */
    $(function() {
        var tabindex = 11;
        $('input,select,textarea').each(function() {
            if (this.type != "hidden") {
                var $input = $(this);
                $input.attr("tabindex", tabindex);
                tabindex++;
                //console.log("[this.type: " + this.type + "] NAME: *" 
                // + $input.get(0).name + "* | VALUE: *" + $input.val() + "*");
            }
        });
    });

});