Tutorial by Examples

<div tabindex="0">Some button</div> Note: Try to use a native HTML button or an a tag where appropriate.

<button tabindex="-1">This button will not be reachable by tab</button> The element will be removed from the tabbing order but will still be focusable.

<div tabindex="2">Second</div> <div tabindex="1">First</div> Positive values will insert the element at the tabbing order position of its respective value. Elements without preference (i.e. tabindex="0" or native elements such as button and a...