WebAIM - Web Accessibility In Mind

E-mail List Archives

linearized Reading order for page

for

From: Lori Brady
Date: Mar 12, 2004 4:34PM


I have been trying to correct the reading order for a template that I
have created. I found your tutorial on how to correct the linearized
order for the div tags. I re-ordered my tags within the code, but still
can't seem to get my navigation (div id=sideMenu) to fall into the order
of the code. I have tried to use tab index="1", "2", etc. but that has
failed as well. Can anyone help me?

I'm including my code for review:

<div id="topBanner" style="position:absolute; left:1px; top:2px;
width:731px; height:27px; z-index:1">
<script language="javascript" src="http://www.utah.gov/nav/header.js"
type="text/javascript"></script>
<script language="JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if
((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight;
onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH)
location.reload();
}
MM_reloadPage(true);
// -->
</script>
<table width="759" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="759" height="35" valign="top"> <MAP NAME=map1>
<area shape="rect" coords="745,2,754,11" href="#body"#body
alt="Skip repetitive links">
<AREA SHAPE=rect COORDS="573,1,662,12"
HREF="http://health.utah.gov/html/div_offices.html" alt="Utah Department
of Health interactive organization chart">
<AREA SHAPE=rect COORDS="483,3,561,13"
HREF="http://health.utah.gov/html/utah_doh.html" alt="Detailed
information on services provided within the Utah Department of Health">
<AREA SHAPE=rect COORDS="379,2,471,13"
HREF="http://health.utah.gov/html/contact_us.html" alt="List of
important contacts within the Utah Department of Health">
<AREA SHAPE=rect COORDS="284,2,373,14"
HREF="http://health.utah.gov/alphalist.html" alt="Alphabetical listing
of health services, programs, and related links">
<AREA SHAPE=rect COORDS="192,2,269,14"
HREF="http://health.utah.gov/html/health_data.html" alt="Helpful
information on public health data programs and issues">
<AREA SHAPE=rect COORDS="138,3,182,16"
HREF="http://health.utah.gov/html/press_releases.html" alt="Utah
Department of Health media press and news releases">
<AREA SHAPE=rect COORDS="3,0,131,30"
HREF="http://health.utah.gov" alt="Utah Department of Health home
site">
<area shape="rect" coords="148,23,155,32" alt="Mailing Address:
P.O. Box 1010, Salt Lake City UT, 84114">
<area shape="rect" coords="492,25,520,34" alt="General Phone
Number: 801/538/6101" title="General Phone Number: 801-538-6101">
</MAP> <IMG SRC="http://health.utah.gov/UDOHbanner2002C.gif"
BORDER=0 USEMAP="#map1" X-CLARIS-USEIMAGEWIDTH X-CLARIS-USEIMAGEHEIGHT
height=35 width=755 align=BOTTOM alt="">
</div>

<div id="officeBanner" style="position:absolute; left:0px; top:69px;
width:747px; height:65px; z-index:2;"><img
src="../images/Pro_banner.gif" alt="Utah Health Data Committee, Office
of Health Care Statistics" width="755" height="65"></div>

<div id="sideMenu" style="position:absolute; left:0px; top:164px;
width:170px; height:259px; z-index:; "/Library/bottom.lbi" -->
<img src="../Library/bottom.gif" alt="" name="menu" width="170"
height="310" border="0" id="menu"></div>

<div id="topMenu" style="position:absolute; left:210px; top:134px;
width:538px; height:30px; z-index:3; border: 0px none #000000;"><img
src="../images/Top_nav.jpg" alt="" width="545" height="30"></div>

<div id="toplink1" style="position:absolute; left:570px; top:140px;
width:92px; height:18px; z-index:11">
<div align="center"><a href="../staff.htm"><b><font
color="#003366">Contact
Us</font></b></a> </div>
</div>
<div id="toplink2" style="position:absolute; left:677px; top:140px;
width:67px; height:19px; z-index:4"><a href="../feedback.htm"><b><font
color="#003366">Feedback</font></b></a></div>

<!-- TemplateBeginEditable name="content" -->
<div id="content" style="position:absolute; left:178px; top:172px;
width:424px; height:332px; z-index:4"><a name="body"></a><a
href="link%20content">link
content</a> </div>
<!-- TemplateEndEditable -->

<!-- TemplateBeginEditable name="side" -->
<div id="subnav" style="position:absolute; left:609px; top:172px;
width:147px; height:75px; z-index:10; tab index = "3">
<div align="center"><a href="#">fjdk</a></div>
</div>
<!-- TemplateEndEditable -->

<div id="search" style="position:absolute; left:-3px; top:134px;
width:214px; height:30
px; z-index:1">
<form method="get" action="http://search.atomz.com/search/">
<div align="right">
<input type=hidden name="sp-a" value="sp1000e17e">
<input size=20 name="sp-q">
<input name="submit" type=submit value="Search">
</div>
</form>
</div>

<script language="JavaScript" type="text/javascript"
src="../include/menu.js"></script>
<script language="JavaScript" type="text/javascript"
src="../include/nav.js"></script>

<div id="Utah" style="position:absolute; left:-9px; top:492px;
width:170px; height:58px; z-index:1">
<div align="center"><!-- #BeginLibraryItem "/Library/Utah.lbi" -->
<a href="http://dced.utah.gov/tech/"><img src="../Library/Utah.gif"
alt="Utah! Where ideas connect" name="Utah" width="120" height="73"
border="0"></a><!-- #EndLibraryItem --></div>
</div>
<!-- TemplateBeginIf cond="read" --> <!-- TemplateBeginEditable
name="reader" -->
<div id="Adobe" style="position:absolute; left:642px; top:294px;
width:93px; height:53px; z-index:12">
<div align="center">
<p><a
href="http://www.adobe.com/products/acrobat/readstep2.html"><img
src="../images/getacro.gif" alt="Get Acrobat Reader" width="88"
height="31" border="0"></a></p>
<p align="left"> <font size="1"><strong>Note:</strong> in order to
view many
of our on-line reports you will first need to download Adobe
Acrobat Reader</font></p>
</div>
</div>
<!-- TemplateEndEditable --><!-- TemplateBeginIf cond="reader" --><!--
TemplateEndIf --><!-- TemplateEndIf -->
<div id="footer" style="position:absolute; left:158px; top:511px;
width:568px; height:104px; z-index:13" class="footer">
<p align="center"><b><a href="../index.htm">Home</a> l <a
href="../HDC.htm">HDC</a>
l <a href="../staff.htm">Consumer Information</a> l <a
href="#">Rules</a>|
<a href="#">Data Products </a> l <a
href="../technicalpublications.htm"> Database</a>
l <a href="../databases.htm">Publications</a> l <a
href="../dataproducts.htm">Links</a>
l <a href="../links.htm">CHD Sites</a></b><br>
<br>
<a href="http://health.utah.gov">health.utah.gov Home</a> | <a
href="http://health.utah.gov/html/disclaimer.html">UDOH
Disclaimer</a> | <a
href="http://health.utah.gov/html/privacy.html">UDOH Privacy
Policy</a> | <a
href="http://www.utah.gov/accessibility.html">Utah.gov Accessibility
Policy</a></p>
<p align=CENTER> <font size="1" face="Arial, Helvetica, sans-serif">
HCS website
questions? Contact <a href="mailto: <EMAIL REMOVED> ">Lori Brady<br>
</a></font>&copy; Copyright Utah Department of Health All rights
reserved