Want to win a PS4? Go Premium and enter to win our High-Tech Treats giveaway. Enter to Win


Adding ALT Comments

Posted on 2001-07-02
Medium Priority
Last Modified: 2013-12-24
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.

Question by:belch
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 8
  • 6

Author Comment

ID: 6245562
this the the HTML for that section (I think)

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

Expert Comment

ID: 6246471
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.

Author Comment

ID: 6248653
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?
Understanding Web Applications

Without even knowing it, most of us are using web applications on a daily basis. Gmail and Yahoo email, Twitter, Facebook, and eBay are used by most of us daily—and they are web applications. We often confuse these web applications tools for websites.  So, what is the difference?


Expert Comment

ID: 6248688
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.

Author Comment

ID: 6248702
Thanks for the quick response.

I guess I am missing something because when i hover over the navigation bar nothing pops up describing it.

Expert Comment

ID: 6248722
Show me a page.

Author Comment

ID: 6248760

<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">
<bgsound src="comanche.wav" loop="2">
<script language="JavaScript" fptype="dynamicanimation">
function dynAnimation() {}
function clickSwapImg() {}
<script language="JavaScript1.2" fptype="dynamicanimation" src="animate.js">
<meta name="Microsoft Theme" content="saicblk 110, default">
<meta name="Microsoft Border" content="b, default">

<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.jpg" ALT="The words ?Program Management Office? in gold with a black background." width="504" height="104"></p>



<h3 align="center">&nbsp;

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


<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.&nbsp;</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.&nbsp; It is a premier early entry system with a small
footprint that is easily transportable.&nbsp; 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.&nbsp; 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>&nbsp; ATTN:&nbsp;
SFAE-AV-RAH<br>Building 5681 Wood Road<br>Redstone Arsenal, AL 35898<br>Com:&nbsp;
(256) 313-0842&nbsp;&nbsp;&nbsp;&nbsp; DSN:&nbsp; 897-0842&nbsp;</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['fpAnimswapImgFP1'].imgRolln=document['fpAnimswapImgFP1'].src;document['fpAnimswapImgFP1'].src=document['fpAnimswapImgFP1'].lowsrc;" onmouseout="document['fpAnimswapImgFP1'].src=document['fpAnimswapImgFP1'].imgRolln" href="privacy.htm"><img border="0" src="images/click-here-lt-blu.jpg" id="fpAnimswapImgFP1" name="fpAnimswapImgFP1" dynamicanimation="fpAnimswapImgFP1" 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-small.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="fpAnimformatRolloverFP1" 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@comanche.redstone.army.mil"><img border="0" src="images/email_webmaster_wings.gif" width="100" height="70" alt="Picture of the Aviator's wings. A link to webmaster."></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<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>



Expert Comment

ID: 6248786
I meant, give me a link to your page.  ;-)

Author Comment

ID: 6248809

FYI, none of the 508 changes have been published.

Expert Comment

ID: 6248818
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.

Expert Comment

ID: 6248832

Accepted Solution

ClassyLinks earned 400 total points
ID: 6249506
The alts are showing up for your nav bar for me.  The alts are word for word the same as the words on the buttons.

Your background sound scared my cat, who was sleeping on my lap!  LOL


Author Comment

ID: 6249565
thanks for the help, sorry about the cat :)

Expert Comment

ID: 6249579
It was very funny.

Thanks for the points.

cu next time

Featured Post

Efficient way to get backups off site to Azure

This user guide provides instructions on how to deploy and configure both a StoneFly Scale Out NAS Enterprise Cloud Drive virtual machine and Veeam Cloud Connect in the Microsoft Azure Cloud.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

When deciding to adopt any help desk solutions many factors should be explored before taking decisions. This will change from business to another but in general there are some kind of rule of thumb. Here are some quick tips: Do we need only ticket…
Geo-targeting is the practice of distributing content based on a person’s location, as best as you can determine it. Let’s look at some ways you could successfully use this tactic. The following tips and case studies could lead to meaningful results.
The purpose of this video is to demonstrate how to update a WordPress Site’s version. WordPress releases new versions of its software frequently and it is important to update frequently in order to keep your site secure, and to get new WordPress…
The purpose of this video is to demonstrate how to set up the permalinks on a WordPress Website. This will be demonstrated using a Windows 8 PC. Go to your WordPress login page. This will look like the following: mywebsite.com/wp-login.php : Go t…

610 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question