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.


<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>

Im tab index 2

Im tab index 3 and i should be the last one

Page Views

This page has been viewed 196 times.

Search Code
Search Code by entering your search text above.

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.


Random Quote
There is no way to happiness. Happiness is the way.