belch
asked on
Adding ALT Comments
Hi,
I need to add ALT comments to all graphics and links describing the item, for people with disabilities. I am having trouble adding it to the navigation bar of the site. It is using the shared borders in FrontPage.
I hope this makes sense.
I need to add ALT comments to all graphics and links describing the item, for people with disabilities. I am having trouble adding it to the navigation bar of the site. It is using the shared borders in FrontPage.
I hope this makes sense.
The alt descriptions for the navigation bars are added automatically. The alt that is inserted is the same as the button text. You cannot change this if you are using navigation bars.
ASKER
I don?t know exactly the rules of making a website section 508 compliant. But I was told I needed to have a description of every picture, button and navigation bar to pop up when the cursor is hovering above it. Is there another way to do this?
As I said....if you are using navigation bars the alts are input automatically. Therefore nav bars are 508 compliant.
You could also make your navigation manually, or use plain text instead of buttons.
You could also make your navigation manually, or use plain text instead of buttons.
ASKER
Thanks for the quick response.
I guess I am missing something because when i hover over the navigation bar nothing pops up describing it.
I guess I am missing something because when i hover over the navigation bar nothing pops up describing it.
Show me a page.
ASKER
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor. Document">
<title>Comanche</title>
<bgsound src="comanche.wav" loop="2">
<script language="JavaScript" fptype="dynamicanimation">
<!--
function dynAnimation() {}
function clickSwapImg() {}
//-->
</script>
<script language="JavaScript1.2" fptype="dynamicanimation" src="animate.js">
</script>
<meta name="Microsoft Theme" content="saicblk 110, default">
<meta name="Microsoft Border" content="b, default">
</head>
<body onload="dynAnimation()">
<p align="center"><img border="0" src="images/comanche-gold- spear-230. jpg" ALT="The word ?Comanche? in gold with a black background and an arrow through it." width="250" height="75"></p>
<p align="center"><img border="0" src="images/PMO-gold-blk.j pg" ALT="The words ?Program Management Office? in gold with a black background." width="504" height="104"></p>
<blockquote>
<blockquote>
<h3 align="center">
<APPLET CODE="image3dcube.class" ALT="Rotating cube with six different Comanche pictures" WIDTH=250 HEIGHT=250>
<PARAM name="background" value="black">
<PARAM name="shadowcolor" value="black">
<PARAM name="textcolor" value="white">
<PARAM name="spotlight" value="no">
<PARAM name="showlightbutton" value="yes">
<PARAM name="sleeptime" value="5">
<PARAM name="target" value="_self">
<PARAM name="anglestep" value="2">
<PARAM name="mouseresponse" value="2">
<PARAM name="zoomspeed" value="10">
<PARAM name="image0" value="image1.jpg">
<PARAM name="image1" value="image2.jpg">
<PARAM name="image2" value="image3.jpg">
<PARAM name="image3" value="image4.jpg">
<PARAM name="image4" value="image5.jpg">
<PARAM name="image5" value="image6.jpg">
<PARAM name="url0" value="photo.htm">
<PARAM name="url1" value="photo.htm">
<PARAM name="url2" value="photo.htm">
<PARAM name="url3" value="photo.htm">
<PARAM name="url4" value="photo.htm">
<PARAM name="url5" value="photo.htm">
</APPLET><br>
</h3>
</blockquote>
<p align="center"><font color="#C0C0C0" size="1">Click on any image in the cube to stop animation and zoom
in, click again to re-start animation. </font>
<p align="center">T<font color="#FFFFFF"><!--webbot bot="Navigation" S-Type="top"
S-Orientation="horizontal" S-Rendering="graphics" B-Include-Home="FALSE"
B-Include-Up="FALSE" U-Page S-Target --></font></p>
<p align="center"><font color="#D3D917" size="2"><b><br>
</b></font><b><font color="#D3D917" size="3">The Cornerstone of the New Army
Vision . . . The RAH-66</font></b></p>
<p align="center"><font color="#D3D917" size="2">
The Comanche armed Reconnaissance / Attack Helicopter (RAH) will swiftly and
victoriously resolve crises and conflicts by fully exploiting the benefits of
the digital battlefield. It is a premier early entry system with a small
footprint that is easily transportable. It can readily self-deploy. It
flies deep, armed reconnaissance missions to give the commander a detailed
real-time analysis of the crisis area and the adversary within. It has the
extended range and lethality for performing light attack, armed reconnaissance,
air to air combat, and deep strike missions.</font></p>
<p align="center"><font color="#FFFFFF" size="2">Comanche PMO<br> ATTN:
SFAE-AV-RAH<br>Building 5681 Wood Road<br>Redstone Arsenal, AL 35898<br>Com:
(256) 313-0842 DSN: 897-0842 </font></p>
<hr align="center">
<p align="center"><font color="#C0C0C0" size="2">Please read the privacy and
security notice:</font></p>
<p align="center"><a onmouseover="document['fpA nimswapImg FP1'].imgR olln=docum ent['fpAni mswapImgFP 1'].src;do cument['fp AnimswapIm gFP1'].src =document[ 'fpAnimswa pImgFP1']. lowsrc;" onmouseout="document['fpAn imswapImgF P1'].src=d ocument['f pAnimswapI mgFP1'].im gRolln" href="privacy.htm"><img border="0" src="images/click-here-lt- blu.jpg" id="fpAnimswapImgFP1" name="fpAnimswapImgFP1" dynamicanimation="fpAnimsw apImgFP1" lowsrc="images/click-here- lt-red.jpg " width="100" height="25" alt="A button to link to Privacy Statement"></a></p>
<p align="center"><img border="0" src="images/wings-line-sma ll.gif" width="297" height="47" alt="Picture of the Aviator's wings with a separator bar. "></p>
<p align="center"><a href="http://www.goarmy.com" target="_blank" dynamicanimation="fpAnimfo rmatRollov erFP1" fprolloverstyle="color: #FFFF00" onmouseover="rollIn(this)" onmouseout="rollOut(this)" language="Javascript1.2">< br><img border="0" src="images/faderhead.gif" width="100" height="65" alt="Picture of different Army Soldiers. A link to the Army's website."><br><font color="#D3D917" size="2"><b>Go
Army</b></font><b><font color="#C0C0C0" size="2"><br></font><font size="1" color="#D3D917">U.S. Army Recruiting Team</font></b></a></p>
<p align="center"><a href="mailto:spider@comanc he.redston e.army.mil "><img border="0" src="images/email_webmaste r_wings.gi f" width="100" height="70" alt="Picture of the Aviator's wings. A link to webmaster."></a> &nbs p; &n bsp; &nbs p; &n bsp; &nbs p; &n bsp; &nbs p; &n bsp; &nbs p; &n bsp; &nbs p; &n bsp; &nbs p; &n bsp; &nbs p; &n bsp; &nbs p; &n bsp; &nbs p; &n bsp; &nbs p; &n bsp; &nbs p; &n bsp;
<a href="http://www.peoavn.redstone.army.mil"><img border="0" src="images/peo-75.jpg" width="75" height="73" alt="Picture of the PEO Aviation's Seal. A link to PEO Aviation's website."></a></p>
</blockquote>
</body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.
<title>Comanche</title>
<bgsound src="comanche.wav" loop="2">
<script language="JavaScript" fptype="dynamicanimation">
<!--
function dynAnimation() {}
function clickSwapImg() {}
//-->
</script>
<script language="JavaScript1.2" fptype="dynamicanimation" src="animate.js">
</script>
<meta name="Microsoft Theme" content="saicblk 110, default">
<meta name="Microsoft Border" content="b, default">
</head>
<body onload="dynAnimation()">
<p align="center"><img border="0" src="images/comanche-gold-
<p align="center"><img border="0" src="images/PMO-gold-blk.j
<blockquote>
<blockquote>
<h3 align="center">
<APPLET CODE="image3dcube.class" ALT="Rotating cube with six different Comanche pictures" WIDTH=250 HEIGHT=250>
<PARAM name="background" value="black">
<PARAM name="shadowcolor" value="black">
<PARAM name="textcolor" value="white">
<PARAM name="spotlight" value="no">
<PARAM name="showlightbutton" value="yes">
<PARAM name="sleeptime" value="5">
<PARAM name="target" value="_self">
<PARAM name="anglestep" value="2">
<PARAM name="mouseresponse" value="2">
<PARAM name="zoomspeed" value="10">
<PARAM name="image0" value="image1.jpg">
<PARAM name="image1" value="image2.jpg">
<PARAM name="image2" value="image3.jpg">
<PARAM name="image3" value="image4.jpg">
<PARAM name="image4" value="image5.jpg">
<PARAM name="image5" value="image6.jpg">
<PARAM name="url0" value="photo.htm">
<PARAM name="url1" value="photo.htm">
<PARAM name="url2" value="photo.htm">
<PARAM name="url3" value="photo.htm">
<PARAM name="url4" value="photo.htm">
<PARAM name="url5" value="photo.htm">
</APPLET><br>
</h3>
</blockquote>
<p align="center"><font color="#C0C0C0" size="1">Click on any image in the cube to stop animation and zoom
in, click again to re-start animation. </font>
<p align="center">T<font color="#FFFFFF"><!--webbot
S-Orientation="horizontal"
B-Include-Up="FALSE" U-Page S-Target --></font></p>
<p align="center"><font color="#D3D917" size="2"><b><br>
</b></font><b><font color="#D3D917" size="3">The Cornerstone of the New Army
Vision . . . The RAH-66</font></b></p>
<p align="center"><font color="#D3D917" size="2">
The Comanche armed Reconnaissance / Attack Helicopter (RAH) will swiftly and
victoriously resolve crises and conflicts by fully exploiting the benefits of
the digital battlefield. It is a premier early entry system with a small
footprint that is easily transportable. It can readily self-deploy. It
flies deep, armed reconnaissance missions to give the commander a detailed
real-time analysis of the crisis area and the adversary within. It has the
extended range and lethality for performing light attack, armed reconnaissance,
air to air combat, and deep strike missions.</font></p>
<p align="center"><font color="#FFFFFF" size="2">Comanche PMO<br> ATTN:
SFAE-AV-RAH<br>Building 5681 Wood Road<br>Redstone Arsenal, AL 35898<br>Com:
(256) 313-0842
<hr align="center">
<p align="center"><font color="#C0C0C0" size="2">Please read the privacy and
security notice:</font></p>
<p align="center"><a onmouseover="document['fpA
<p align="center"><img border="0" src="images/wings-line-sma
<p align="center"><a href="http://www.goarmy.com" target="_blank" dynamicanimation="fpAnimfo
Army</b></font><b><font color="#C0C0C0" size="2"><br></font><font size="1" color="#D3D917">U.S. Army Recruiting Team</font></b></a></p>
<p align="center"><a href="mailto:spider@comanc
<a href="http://www.peoavn.redstone.army.mil"><img border="0" src="images/peo-75.jpg" width="75" height="73" alt="Picture of the PEO Aviation's Seal. A link to PEO Aviation's website."></a></p>
</blockquote>
</body>
</html>
I meant, give me a link to your page. ;-)
ASKER
BTW - one of the best ways to test your alts is to turn off graphics (in Internet Explorer by going to Tools | Internet Options | Advanced | Show Pictures. )
You should see text for all your navigation.
You should see text for all your navigation.
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
thanks for the help, sorry about the cat :)
It was very funny.
Thanks for the points.
cu next time
Thanks for the points.
cu next time
ASKER
<p align="center">T<font color="#FFFFFF"><!--webbot
S-Orientation="horizontal"
B-Include-Up="FALSE" U-Page S-Target --></font></p>