Accessibility - Web Standards: Mastering HTML5, CSS3, and XML - page 352

Listing 10-2. Tab Order Declared for the Menu, Search Box, and Flash Header of a Web Page
...
<base href="http://www.example.com/" />
...
<ul>
<li>
<a href="http://www.example.com/" title="Home" accesskey="h" tabindex="1" > 
<span class="ak">H</span>ome</a>
</li>
<li>
<a href="about/" title="Introduction" accesskey="a" tabindex="2" > 
<span class="ak">A</span>bout</a>
</li>
<li>
<a href="services/" title="Wedding photography" accesskey="s" tabindex="3" > 
<span class="ak">S</span>ervices</a>
</li>
<li>
<a href="portfolio/" title="Samples and testimonials" accesskey="p" tabindex="4" > 
<span class="ak">P</span>ortfolio</a>
</li>
<li>
<a href="contact/" title="Address, mail, and phone" accesskey="c" tabindex="5" > 
<span class="ak">C</span>ontact</a>
</li>
</ul>
...
<form method="get" action="http://www.google.com/search">
<fieldset>
<label for="q">Search query</label>
<input type="text" name="q" id="q" size="19" maxlength="255" value="Type to search" 
tabindex="6" />
<input type="submit" name="btnG" value="Search" tabindex="7" />
<input type="hidden" name="domains" value="http://www.example.com/" />
<input type="hidden" name="sitesearch" value="http://www.example.com/" />
</fieldset>
</form>
...
<object type="application/x-shockwave-flash" data="flash/header.swf" width="720" 
height="300" id="flash" tabindex="8" >
<param name="movie" value="flash/header.swf" />
<param name="wmode" value="transparent" />
<div>
<a href="longdesc/"><img src="images/alter.jpg" alt="The image alternative for the 
flash header." /></a>
</div>
</object>