Alt text and doctype XHTML

Just a question to know if my thoughts are right...
I have made my website and at the top DW has put:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
I have notices that the alt-text in my site are not working (the way I would like), they are not displayed when you go over the image with the cursor. I know that the alt text will show up if the image fails to load for any reason but I would like them to show up also when you go over the image.
After a long search I found that if I change DOCTYPE to HTML 4.01, the alt-text are displayed in the browsers (IE). But unfortunately I can't change the DOCTYPE because of my SPRY-menu.
Is this correct?
And is it also correct that the only way to show the text of an image (with doctype XHTML), is to make a title-tag of the image (which DW doesn't facilitate)?
Katinka.

function(){return A.apply(null,[this].concat($A(arguments)))}
I know that the alt text will show up if the image fails to load for any reason but I would like them to show up also when you go over the image.
That's not the role of alt text. It's only for alternative text in the absence of an image-not a popup tooltip.
It has worked as a tooltip in earlier versions of IE because they incorrectly displayed the alt attribute in the absence of the title attribute. It won't work in modern browsers and it's unrelated to the Doctype.
Use the title attribute instead.
<img alt="Picture" title="Picture">

Similar Messages

Tags, alt text, and PDF accessibility

I'm thoroughly confused. I just finished the layout for a 176-page book in ID and I'm trying to tag the book for PDF accessibility. I read that it's better to tag in ID before you export to PDF. My problem is, I have no idea what I'm supposed to do or how to do it, and everything I'm reading is confusing me even more. I'm getting nowhere.
I'm not expecting a full course on this, but can someone please answer a few questions to give me a kick start (I may even ask the wrong questions). 1.) How do you add alt text to graphics in ID, or Acrobat? 2.) How do you add a tag in ID. I mean, I can add a tag but I don't know where or why I'm adding it. 3.) How do you manually tag a file in Acrobat 9 Pro or edit the auto tagging once it's done?
I'm using the most recent versions of ID and Acrobat Pro, and the most recent version of Mac OSX.
Thank you.

I too have been trying to figure this out and have followed the steps
to add alt text to InDesign before exportign to PDF. I just can't see the alt text in either PDF or in a browser displaying thee PDF fiel - I know the tagged text is there because when I open
the "touch up Reading order" dialog in the
accesibility tab of Acrobat - the image displays with the appropriate Alt text. I' checked the accessibility otpion in the browser as well [expand all alt text for images] but I still don't see the alt text when I mouse over teh image - what am I missign here?
Ann

Alt Text and images

Can anyone point me in the direction to force users to use alt text with images in Portal content areas to meet with W3C compliency?

Hi marjar
Thank you for your reply, I see now that the URL in IE has http// but in firefox (like this URL https://support.mozilla.org/en-US/questions/989394?) shows as https// why is that? and this must be why my ALT and external links in my images do not work in Firefox. However my internal links do work except for the ALT. Is there a way or a plugin for Firefox that I can instal to make my site compatible to https// ?

A Few SEO Questions: Alt="" text and file/folder names.

I've been reading about the Dark Art of SEO and frankly, a lot of it is more confusing than I anticipated. Anyway, I'll summarise a bit here.I have read that:
File/folder names are better with meaningful words and hyphenated words. so DCM000123.jpg in a folder called galimg would be better as: /gallery-images/painting-title-here.jpg
Alt="" text can add to the content of your pages.
My thinking underneath this relates to a gallery site I built with around 200 individual paintings in it. So the site has a lot of content but not a lot of text. I wonder if I should start trawling through all of this to change the file names and folders and add alt="" text more meaningfully to help with SEO?
So if my thinking is OK, here are the questions.
How would you put the alt="" text on individual images? I imagine that it should just be a straight-forward, what-you-see description? But there are a few other options. Suppose I have an image that the artist has titled, "Cattle on a Hill" and it's an oil on canvas. I could make that into,
alt="Oil on Canvas: Cattle on a Hill" or
alt="Cattle on a Hill" or
alt="A group of cows grazing in pasture under moonlight." or
Suppose I have 20 images in a portrait gallery:
alt="Portrait. Oil on canvas: Joe Bloggs" or
alt="Portrait. Joe Bloggs" or
alt="Man with grey hair wearing a blue shirt sitting on a bench" or
alt="Portrait painting. Oil on canvas. Joe Bloggs: Man with gray hair wearing a blue shirt sitting on a bench"
The second part of the question also includes the problem that if I have 20 images in a single gallery page and I put "Portrait painting" in each alt="" text is that going to look like key word stuffing?
Now on to the file name thing. Should the file names be portrait-painting-01 and so on or should they be Cattle-on-hill or what?
Final question: am I making too much of all this?
Thanks
Martin

First of all, stay away from spaces in file names AT ALL COST.
The examples you cited would look like:
alt="Oil%20on%20Canvas:%20Cattle%20on%20a%20Hill" or
alt="Cattle%20on%20a%20Hill" or
alt="A%20group%20of%20cows%20grazing%20in%20pasture%20under%20moonlight."
to an SE crawler.
If you really want effective picutres, use Photoshop or Fireworks to embed metadata and THEN add them to your site.
Alt tags means the text that would appear if the image didn't for some reason. It also helps with accessibility for visually impaired viewers who use plug-ins to allow their browser to "speak" the images to them when the page loads.
<img src="img/example-1.jpg" width="128" height="160" alt="example-1.jpg" />
Above is an example of how to add alt text. Dreamweaver actually loads the alt tag automatically unless you've turned it off somehow.
Either put the info in the Alt box in the properties panel, or in code view, add it between the quotes.
To the second part of your question, Alt tags are meant for SEO with the images only (Like when you search for images of a certain name or containing certain tags)
and really have little effect on the page SEO itself. For that type of optimization you want Keywords, and Descriptors in the <head> portion of the
individual page:
<meta name="google-site-verification" content="Optimizer code would go here" />
<meta name="Description" content="Page name, site name, business name, location, phone number, etc. goes here"/>
<meta name="Keywords" content="Restaurant, Sports bar, Catering, Hotel, Gallery, Car Dealer, Exterminator or whatever describes the site and page as well as content of the pages"/>
<meta name="author" content="your name here"/>
<meta name="robots" content="index, follow"/> (This tells search engine crawlers to index this page and each one you add it to, and follow them site wide)
<meta name="revisit-after" content="7 days"/> (This tells the crawler when to revisit for updates after it has indexed the site)
To your last question. No, you're not making too big a deal out of it, if you're talking about exposure for a business. If it's a personal gallery of your favorite vacation pictures? You just might be.

About Layout control and Image alt text

Can i use normal HTML div tags to control layout ? is it bad practice or not? or i should go for template?
Can anyone please suggest how to add alt text and title to the images(logo) in ADF .

Use af:image for displaying images.
You could specify alt text in shortDesc attribute property of af:image.
<af:form id="f1">
<af:image source="/images/SubbanaSolutions.png"
shortDesc="Subbana Solutions" id="i1"/>
</af:form>For more details regarding af:image, check this:
http://download.oracle.com/docs/cd/E15051_01/apirefs.1111/e12419/tagdoc/af_image.html
Thanks,
Navaneeth

Alt text not appearing in WebHelp output

We are using FrameMaker 10 and RoboHelp 9 to output as WebHelp. In the FM files, I have added alternate text to anchored frames containing images. When I update the linked FM files in my RH project, the screen tip is empty for these images, but when I look at the HTML source for the topic, it shows that the alt text is there:
<p class="widegraphic"><img alt="Coach completes form and can either submit now or save it as a draft, edit it, and submit it later. After submit, employee receives task or alert notification, and coach receives task notification. Coach can still edit form at this point. Employee acknolwedges form and completes tasks, and employee task changes to complete. Coach completes task, and task status changes to complete. Lastly, coach receives alert or message notification. "
id="image2" src="using_bpl_form00003.jpg"
style="margin-bottom: 6pt;" border="0" /> </p>
When I preview the topic in RH and hover my mouse over the image, the alt text appears in the preview window as expected, both in the default window and when I choose to preview in Firefox and IE. However, when I generate the WebHelp and hover my mouse over the images, nothing shows up at all, and the alt text is replaced by the file name:
<p class="widegraphic"></p>
<div align="left"><img alt="using_bpl_form00003.jpg" style="margin-bottom : 6pt; " id="image2" src="using_bpl_form00003.jpg" />
</div>
If, however, I manually copy and paste the alt text into the screen tip field of the image in the RH topic, the alt text does appear in the WebHelp output:
<p class="widegraphic"><img alt="Coach completes form and can either submit now or save it as a draft, edit it, and submit it later. After submit, employee receives task or alert notification, and coach receives task notification. Coach can still edit form at this point. Employee acknolwedges form and completes tasks, and employee task changes to complete. Coach completes task, and task status changes to complete. Lastly, coach receives alert or message notification. "
id="image2" src="using_bpl_form00003.jpg"
title="Coach completes form and can either submit now or save it as a draft, edit it, and submit it later. After submit, employee receives task or alert notification, and coach receives task notification. Coach can still edit form at this point. Employee acknolwedges form and completes tasks, and employee task changes to complete. Coach completes task, and task status changes to complete. Lastly, coach receives alert or message notification."
style="margin-bottom: 6pt;" border="0" /> </p>
This seems like a pretty major bug to me. I know there have been scripts developed to delete the alt text so that graphic filename won't show up as the alt text, but is there anything that will take the existing alt text and populate the screen tip/title property with it, which seems to be the key to getting this to work in the output? There's no way I can manually copy and paste all the alt text into the images in RH, especially because I'll just end up having to redo it every time I update the linked FM files.
Thanks,
Jackie

Hi Jackie,
Offhand, your ALT string seems long. A quick search yielded info at http://www.htmlcodetutorial.com/images/images_famsupp_85.html
If a lengthy description is needed to describe the image, use the LONGDESC attribute to point to the URL of another page which has the lengthy description. Because LONGDESC is not yet sufficiently supported, also follow the image with a "D-link". A D-link is a standard anchor link with contents consisting of the capital letter "D", like this:
Do you experience the same behavior with short alt strings as well?
-Matt
@mattrsullivan

Xkcd+alt-text in a pdf?

I would love to see some kind of tool, a script that download every xkcd comic and the alt text and put them in a pdf file. It would be great to print and put on the can for everyone to read.
Anybody of you guys that knows of a script that does this? Or are willing to create one?

whacath wrote:But "putting more then one comic on one page" doesnt seem to work with xkcd comics
It works, but since most images are too large, reportlab places only one image per page. Use --scale option to decrease sizes of images.
moljac024 wrote:Wouldn't it better if the alt-text was below the image, not above it?
Done.
Updated the script.
1) Added --margin-{left,right,top,bottom} options to specify margins (in inches) when using reportlab
2) Added an ability to output comics to a HTML-file
3) Added --title-font-size and --alt-font-size options (guess what they do )
4) --scale option renamed into --image-scale
Output to HTML currently doesn't support image scaling to remove the dependence on python-imaging when using this mode.
link
Last edited by Atragor (2010-03-02 18:34:47)

How to define alt text for an anchored frame in FrameMaker 11?

What is the procedure in FrameMaker 11 to include alt text for anchored frames? We need to produce tagged PDF output that is accessibility compliant; this output must include alt text for each image in the document that a screen reader can read out.
In previous FrameMaker versions, it was possible to define alt text as follows:
Select the frame and choose Graphics > Object Properties.
Click Object Attributes.
In the Text Attributes section, add your alt text and actual text, and then click Set.
The FrameMaker online help still describes this same procedure, at http://help.adobe.com/en_US/framemaker/using/WSd817046a44e105e21e63e3d11ab7f7960b-7f0f.htm l. However, I see that in FrameMaker 11, what you get on choosing Graphics > Object Properties has completely changed from previous versions, and I cannot see Object Attributes.
Where is the alt text defined for an object in FrameMaker 11?

In the Anchored Frame panel, click on the Object Attributes button.

Adding alt text to composition widget images?

How do I add alt text and image titles for Composition>Blank widgets images? When I control-click the image, the context menu does not include these options.

I'm not sure how to describe the problem I'm having, so here's a screen shot of my composition widget with images placed (it's a bit sloppy, but I'm running out of patience for fine-tuning until I get this situation figured out).
After file>placing a thumbnail image in a trigger, I file>placed the corresponding image in its target area. I then clicked on the second trigger, placed the thumbnail. But the second trigger didn't click through to the second target panel, which would have been a grey panel. So I thought I maybe I should just go ahead and place the second target image anyway, but it just sits there on top. I did this for three images. The first target image placed is on the bottom, then the second, and the third placed target image is on top. So I can't figure out how to click from one target panel to the next to place each image, getting it to correspond with its proper trigger. Does this make any sense yet?
You can see how they look like they are separate and layered, and when sizing, or moved in any way, they are become ungrouped, rather than as a group such as when I used the fill option. Last, when I click on the trigger thumbnail images, the triggers just aren't activating the target panels at all. I'm at a complete loss on this. I think I've tried everthing, but obviously I'm missing something. Thanks again.

Copy alt text to title [Branched from: WildCard Find & Replace Question]

Fabulous, so now I am able to add the code (alt=" ") to any image that does not already have one. Now is there a way to do a similar task AND have the replace function fill in the text based on existing info.?
My situation is I have images with alt text AND now have to add title info. to the image (title=" ") that is a duplicate of the alt text.
SO, is there a way to tell the system to find all alt text tags and replace them with alt text and title tag, where the title tag is a duplicate of the alt info.?
FIND alt="*.*"
REPLACE with alt="*.*" title="*.*"
I tried *.* and that does not work.

Ok, thank you for the reminder about how a screen reader reads things. I am passing that along to my cohorts. A piece of the puzzle that may help is our reasoning for adding the title tag to images is that in IE8 browser the alt text is not always popping up when a user scrolls over the image, and by placing the title tag into the code then the text entered for the title tag does pop up when user scrolls over the image. Is there another/better way to do this?
FYI - So I tried the method you suggested and below is the original code AND then the resulting code. The results only added the info. entered in the replace box verbatim and didn’t copy the alt text and place it in the title tag. It even overwrote my existing alt text.:
Original code –
img alt="US 8 (WIS 35 - US 53) Corridor Preservation overview/location map" height="220" src="images/map-overview.gif" width="300"
img alt="Map key - Thick orange line is the project overview/location, thin purple and green lines are project segments, and the blue tear drop with dot in center are the project boundaries." height="174" src="../../images/map-keymultiseg.gif" width="271"
Resulting code –
img alt="$1" height="220" src="images/map-overview.gif" title="$1" width="300"
img alt="$1" height="174" src="../../images/map-keymultiseg.gif" title="$1" width="271"

Alt Text, tooltip, metadata & keywords.

I own a photographic stuido so our (3) sites are image driven with anywhere from 50 - 300 + images per site. I have been manualy entering Alt text and tool tips for the purpose of raising search visibility however with that many images/graphics it is way too time consuming. If there were a "fill all" option that would be great. Then I could go in and change a few words around in each image and not have to type everything over 200 times. Is that possible. Cut and paste is a step up but still tedious.

Hi Alan,
Please refer to the following link Alt Text on Photoshop Button
Regards,
Aish

Alt-text 'tool tip' not appearing on some images

We get pdf files created by outside sources that we then need to publish on our webpage. I add tags to the pdf, then add the alt-text to the images via the Touch Up Text tool. As well as I can determine, the tag for the alt-text is present in the pdf. The Read Out Loud function in Acrobat reads the alt-text correctly as does a screen reader. But the 'tool tip' does not appear on all images. It seems that the more complex, mulitple layered dwg type images do not display the text, either from the browser, or from Acrobat itself. Other dwg source images do work, and photgraphic images are ok.
I have gone back through the pdfs to verify the existence of the figure tag, and that the alt-text is there.
I have opened the tags dialog, looked at the properties, and added the text to the Title field as well as the alt-text and Actual Text.
I have converted the images to jpgs, which resolves the issue, but greatly reduces the quality of the image.
I am using Acrobat Pro 8.1.4 on a Windows XP, sp2 system.
I am aware that the ADA requirement do not require the 'tool-tip' to function, but when you have many, many pages of images in a pdf using a screen reader or the read out loud function to test is not feasible for testing. We need to have the tool-tip working, and I have run out of ideas on how to make it work.

I just figured out that those photos had been set to a blending mode of Multiply
because an earlier iteration of the design used transparency. But to the eye, they
look like normal photos, so I didn't realize they were set to Multiply.
This solved the problem but it's not heartening news. What if my graphic legitimately
did have a blending mode set? What would my workaround be if I needed to set Alt Text
for those images?

Add alt text to Photoshop Button

Is it possible to add alt text (and/or tooltips) to Photoshop Buttons?

Hi Julie,
Please refer to the following post:
Alt Text on Photoshop Button
Regards,
Akshay

Adding alt text tags in InDesign (and Acrobat Pro)

I am having real difficulty adding alternative text tags. I created an INDD doc with rollover buttons linked to URLs firstly in InDesign CS4. I couldn't add alt text tags in CS4 so I then tried to add them in Acrobat X Pro but failed. Acrobat keeps wanting to class the PDF as a form. I then installed InDesign CS6 from the cloud and added alt text to the rollover buttons via object export options. However, these do not show when I export to PDF.
Can someone help me add alt text to my rollover buttons in my interactive PDF either in InDesign CS6 or in Acrobat Pro after I export it?

In InDesign CS6, you just need to add descriptions to buttons. This is done in the buttons and forms panel:
This is the alt text in Acrobat when you roll over the button:
Hope that helps!

How can I add a title and ALT text to a JPEG image in Elements 11 for MAC?

Does anyone know if there is an easy way I can add a title and ALT text to a JPEG image in Elements 11 for MAC?
Very grateful for any help here.

Hello
The Arrange menu is your friend.
You may select the arrow then "Bring to Front".
Yvan KOENIG (from FRANCE vendredi 19 septembre 2008 17:49:50)

Alt text and doctype XHTML

Similar Messages

Maybe you are looking for