Code example

    <input tabindex="3">
    <input tabindex="0">
    <input tabindex="-1">
    <input>
    <input tabindex="2">
    <input tabindex="1">
    <span tabindex="4">This wouldn’t normally receive focus (4) largest value. Next tab will give focus to the rest of tabnavigable elements in code source order.</span>
    <a href="#" >Link 1</a>
    <a href="#">Link 2</a>
    <a href="#">Link 3</a>
    <a href="#">Link 4</a>

Live elements

(3) Will receive focus third

(0) In normal source order

(-1) Will not receive focus

(n/a) In normal source order

(2) Will receive focus second

(1) Will receive focus first

This wouldn’t normally receive focus (4) largest value. Next tab will give focus to the rest of tabnavigable elements in code source order.

Link 1

Link 2

Link 3

Link 4