Applied Accessibility - Tab Index

using the tabindex property on elements allows you to press the tab key while on the page and tab through the elements depending on the order specified by the tabindex. tab index can be applied to many different elements.

So you should be able to press the tab key 3 times on the demo here and the elements will be selected

The tab index on the demo may not work due to the other elements on this page with tab indexes.

HTML

<p tabindex='2'>Im tab index 2</p>
<button tabindex='1'>Im tab index 1 (the first item to be tabbed too)</button>
<p tabindex='3'>Im tab index 3 and i should be the last one</p>

Demo

Im tab index 2

Im tab index 3 and i should be the last one

Welcome

This is my test area for webdev. I keep a collection of code snippits here, mostly for my reference. Also if i find a good site, i usually add it here.

❤👩‍💻🕹