Back to home

Specific tab order

Code sample

<ul class="example">
	<li><a href="#" tabindex="1">list item 1 - tabindex="1"</a></li>
	<li><a href="#" tabindex="3">list item 2 - tabindex="3"</a></li>
	<li><a href="#" tabindex="5">list item 3 - tabindex="5"</a></li>
	<li><a href="#" tabindex="2">list item 4 - tabindex="2"</a></li>
	<li><a href="#" tabindex="4">list item 5 - tabindex="4"</a></li>
	<li><a href="#" tabindex="-1">list item 6 - tabindex="-1" - cannot tab to this</a></li>
	<li><a href="#" tabindex="7">list item 7 - tabindex="7"</a></li>
	<li><a href="#" tabindex="0">list item 8 - tabindex="0"</a></li>
</ul>

Bottom of page - Back to home