Alt text accessibility

Greetings,
Enjoying Edge Animate quite a bit, but am looking to make it more accessible.
1. How does one add alt text to images in Edge Animate?
2. Assuming that images can be given alt text, how does one set up the animation so one can 'tab key' (or give focus) to a given image/button?
The end goal is to allow the Windows8 screen reader, Narrator, the ability to read the alt text when an img/button is tabbed to.
Thanks for your help!
k

Hi Elaine,
Thank you so much for your quick reply and for pointing out the Accessibility section. I also found the Alt: input under the Image property, though I had to change my image from 'div' to 'img' in order to enable the Alt: input, makes sense.
Despite these features, I'm still not having the success I hope to have while using either Win7 or Win8 Narrator/screen reader.
In the following animation, I have given the top 4 images both titles and alt text, but neither version of Win Narrator can find/read the text.
I should be able to hit the tab key, tab to one of the images, and have Narrator read the alt text/title, but this is not happening.
http://www.kavelookout.com/mainstream/mainstreamAccess.html
Here are my settings...
Thank you so much for any help with this challenge.
kave

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

Acrobat X Pro: Accessibility Report says No Alt Text for image but there is

I have added the alternate text for images on my pdf but the accessibility report is still giving me errors stating that there is no alternate text. Does anyone have any idea why? I have checked and the alt text is there. I don't understand this.
Thank you.

I assume when you click on the error it is taking you to the location where the error is. Not seeing the document it is hard to tell... do you have a multi-page document and when you click on the error does it take you to the location where that problem is?
There are several things that could cause this problem. The Figure or other tag that contains the alt text must have content. It cannot be an empty tag.
It also cannot have another Tag inside of it containing the content. There must be some actual content directly within the Tag with the alt text, not nested inside another Tag, if that makes any sense.
Or, there may be another Figure Tag that has no content. That, too, will generate an error.
If neither of those suggestions work, if you post the file I can probably find the problem.

Accessibility Alt Text problem

I have an acronym in the PDF and want to create alternate text for it. I believe I understand the procedure to do so. I'm using the Read Out Loud feature in Acrobat Pro 9 to test it. The reader reads the alternate text first , but then it also reads the acronym itself. It's like an echo, except that the alt text reading is correct, and the second reading of the acronym is incorrect pronounciation.
Instructions in the help menu and on the web are very scimpy. I sure hope that someone can help with this.

Jay,
Here's an overview —
(1) Screen capture of an acronym in the text flow.
(2) Screen capture depicting use of Alternate Text.
(3) Screen capture depicting use of Expansion Text.
(4) Screen capture of PDF export to accessible text.
And, on to a synopsis of "breaking out" the pesky acronym.
"Break'n out" the acronym.
Open the Tags panel. Locate the container ('box') for the text string containing the acronym.
Now, New Tags must be made. In my example the string is content tagged by <Body> (which role maps to <P>).
The <Span> is a grouping element.
I added two <Span> tags. One is placed above and one below the original <Span> tag.
Next, selecting the Container 'holding' the text string I used the menu to Delete Tag.
On the PDF page the Select Tool is used to select the text string "Some text that, " (note that the space is included).
With focus back on the Tags panel and the first of the 3 <Span> tags selected "Create Tag from Selection" (on the Options menu). A Container with the selected text is now under this first <Span> tag. Repeat for the text string "BTW, " (again, include the space). Move focus to the Tags panel and select the 2nd <Span> tag then "Create Tag from Selection". Do this all again for the remaining text.
Now there are 3 in-line 'steps' under the <Body> tag which 'breaks out' the acronym.
With this the text string that is the acronym can be given Expansion Text.
Select the Container having the acronym. From the Options menu select Properties.
In the Properties dialog select the Content tab. Spell out the acronym in the Expansion Text field then tab out of the field to "set" the entry. Close the Properties dialog. Save As.
Okay, one acronym down! Now, we do it again, and again, and ....
Be well...

How to change Alt text for the Popup Key LOV Image in Apex 3.2.1.00.10

we are using Application Express version is 3.2.1.00.10
There is an icon to click on to popup the lov search box, the alt text for that image is currently "popup Lov"
would it be possible to change the text to something more meaningfull e.g. "Lookup Person name" or "search Directory for Person names" .
I have tried by updaing them
from
Shared Components>Templates> Popup List of Values Template > Popup Icon Attr --> width="13" height="13" alt="Popup Lov"
(under Popup List of Values)
to
alt="#CURRENT_ITEM_NAME#"
it didn't work.
your respone will help getting accessability sign off

Venu,
Try adding title = "Lookup Person name" to the Image Attributes of your icon or button.
Jeff

Adding Alt Text to Images

Hi
I would like to add Alt text to a number of images on my site.
I have been sucessful in achieving this by selecting either the image on the page or in the asset panel, right clicking and then going to Edit Image Properties.
However I have a number of pages which contain Image compositions initially created in Ilustrator then saved as flat jpeg or png images inserted using Fill into a Blank Composition Wigit. The images all have triggers on top.
All of this works well
However , I seem unable in any way, to by right clicking on the images either on the page in Design mode or by highlighting the file in the Asset panel to bring up the Edit Image Properties dialogue box for the images (as part of the wigit composition).
I get a dialogue box by right clicking but one that contains Paste /Select Same /Arrange /Lock etc
Is it not possible to Add Alt Text to such combined images in a wigit , Should anyAlt Text be added earlier in the Design , Fill or construction stage
Any pionters or help would be very welcome
Thank You

Hi
I didn't get any replies to my post, but think I may have been able to resolve my own question.
I had been using the Fill with Image option to accurately place the images in the Wigit. This process as I mentioned does not seem to allow one to access the Edit Image Properties dialoge properties window by right clicking the image.
However when I deleted the image as a Fill and use the Place feature to insert the combined image with the same X-Y co-ordinates (and did a liltte bit of work to get the Wigit triggers to the front) right clicking now seems to allow access the Edit Image Properties
Success - I think !
Thanks

ALT text not appearing in PDF for EPS files

Hi,
I have a created a document in InDesign CS5.5 which has images and text. the document should be accessibility complaint.
The document has images which are in PSD, tiff, eps and PNG files. I have applied the Alt text for each images.
After I export the document as PDF, when I mouse over the images, the Alt text is appearing for all the image formats except EPS file format. But Acrobat reads the Alt text for the image.
I am wondering why the Acrobat is not showing the ALT text for EPS file formats when i mouse over the image.
Is anyone facing the same problem? should I do anything in the settings?
please help.
Regards
Ramji V K

The EPS image is not created in photoshop. the image is created in Illustrator.
Also, what do you mean by Single image? can you please explain a bit more about that?
Thanks.

How to stop IE from displaying alt text as tool tip when mouse over image.

I have random images being [B]echo[/B] by a PHP script on a page.
[CODE]<img src="<?php echo $randomImage; ?>" alt="This is alt text" />[/CODE]
The problem is every time you scroll over the image, IE spits out the alt text.
I understand the alt text are meant for accessibility.
So how can I stop this IE behavior with out compromising accessibilty?
Thanks everyone.
Patrick

E. Michael Brandt wrote:
Screen readers whould still read the alt attribute despite the presence of a title attribute. In fact most apparently do not read the Title on an image:
http://www.paciellogroup.com/resources/articles/WE05/forms.html
As always some Screen Reader users can reconfigure the software:
http://www.isolani.co.uk/blog/access/ConfiguringLinksInScreenReaders
So in general I think you are safe doing this, but perhaps others can weigh in here.
E. Michael Brandt
www.divahtml.com
www.divahtml.com/products/scripts_dreamweaver_extensions.php
Standards-compliant scripts and Dreamweaver Extensions
www.valleywebdesigns.com/vwd_Vdw.asp
JustSo PictureWindow
JustSo PhotoAlbum, et alia
Thanks very much,
I saw several scripts where Javascript were used.
But your solution is very simple and it works perfectly in IE7, don't know if it works in IE 8.
Thanks again,
Patrick

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.

Alt Text on Photoshop Button

Hi guys,
Does anyone know if there a work around / cheat that allows you to set 'Alt Text' on a placed Photoshop Button in Muse?
Thanks heaps,
Cari
twitter.com/carijansen

That won't work I'm afraid, the Alternative Text needs to be associated with the placed Photoshop button object itself for accessibility purposes.
E.g. for images you can add Alt Text quite easily by editing the Image Properties in Muse. However for a Placed Photoshop Button, these properties don't seem to be available. So I'm looking for a work-around (other than having to do this manually).
If I check the generated HTML for a page containing a Photoshop Button, I can see:
<div class="preload_images">
<img class="preload" alt="" src="images/photoshopbutton-u614-r-fr.jpg"></img>
<img class="preload" alt="" src="images/photoshopbutton-u614-m-fr.jpg"></img>
</div>
and there is an empty 'alt' attribute in the img-element. However, I don't see how within Muse you can populate this alt attribute
Cari
www.twitter.com/carijansen

Alt Text visible time

I am working in Dreamweaver 8.
I have Alt Text that appears on mouse-over.
The text that appears stays visible for about 5 seconds and
then disappears (which I believe is standard).
I need to know how to extend the time that the Alt text is
visible.
Can anyone help?
Thanks,
Charles

On 20 May 2006 in macromedia.dreamweaver, Raizel wrote:
> In article
<[email protected]>,
> Joe Makowiec <[email protected]> wrote:
>
>> Not so. Alt text is used in /all/ user agents. The
only reason
>> you don't see them is that most user agents (ie
graphical browsers)
>> only display them if the image they're attached to
is not
>> available. Take a look at a site with and without
alt attributes
>> in, say, Lynx.[1] That'll also give you a pretty
good idea what a
>> search engine is seeing.
>>
>> [1]
http://lynx.browser.org/
>>
>
> I didn't see a screen capture of what the browser looks
like.
Lynx is text mode. There are a bunch of pages with
screenshots.
> And, it's not available for Mac yet so, if you know how
I could see
> it, thanks.
http://www.google.com/search?q=lynx+browser+mac
First two links:
http://darrel.knutson.com/mac/www/browsers.html
http://en.wikipedia.org/wiki/Lynx_(web_browser)
which in turn leads to:
http://home24.inet.tele.dk/ccadams/se/lynx.html
And I'm not sure, but since OS X is BSD-based, it may already
be
installed, or you may be able to use a BSD version.
> I do know that some visually impaired can use the same
OS/browsers
> we do with tech aids. Saw them at a workshop recently
hosted for our
> national blind institute. I was *amazed* at what's out
there!
> because the expo was geared at the newest aids, it
didn't show any
> text-browsers.
In any case, using alt text is an accessibility feature, and
you
should always do it. If you want tooltips, use the title
attribute.
(If you /don't/ want tooltips, use title="".)
Eric Meyer writes on the difference between alt and title:
http://groups-beta.google.com/group/macromedia.dreamweaver/browse_frm/thread/1bfae3cd41eb2 322/56e8408fcc1e5fc8?q=%22ice+cream%22+group:macromedia.*+author:meyer&_done=%2Fgroups%3Fh l%3Den%26lr%3D%26safe%3Doff%26q%3D%22ice+cream%22+group:macromedia.*+author:meyer%26qt_s%3 DSearch+Groups%26&_doneTitle=Back+to+Search&&d#56e8408fcc1e5fc8
which shortens to:
http://tinyurl.com/5kel9
Joe Makowiec
http://makowiec.net/
Email:
http://makowiec.net/email.php

Will search engines read the alt= text for a banner image within the h1 tag?

I read where the search engines focus on the text within the
header h1 tags. If I'm using a graphic that contains this important
introductory info (as apposed to text), and put the text in the
alt= section of the image, will the search engines us this text in
the alt section of the image?

Depends. I have a logo on my site with an alt description
"orange kitten
playing with planet Earth"
Yahoo Web: My home page is #1
Google Images: The image is #1
Google Web: nada
--Nancy O.
Alt-Web Design & Publishing
www.alt-web.com
"Walt F. Schaefer" <[email protected]> wrote in
message
news:[email protected]...
> I would speculate that if the words and phrases in those
alt tags do NOT
> appear elsewhere in the actual text (on that page) even
those SEs that
read
> the alt tags will likely ignore them.
>
> --
>
> Walt
>
>
> "Nancy O" <[email protected]> wrote in
message
> news:[email protected]...
> > Yes and no.
> >
> > Do assign ALT description to your images. Screen
readers, which are
used
> > by
> > many visually impaired Web users, can't understand
images. To ensure
> > accessibility, an alternative description needs to
be assigned to every
> > image; the screen reader will read out this
alternative, or ALT="image
> > description goes here."
> >
> > Like screen readers, search engines are commonly
assumed to be unable to
> > understand images. But some search engines index
ALT text. By assigning
> > ALT
> > text to your images, those engines will be able to
understand even your
> > pictorial content.
> >
> > Of course, numerous search engines don't take any
notice of ALT text.
The
> > proliferation of ALT tag spamming undermined the
relevance of ALT text
in
> > the eyes of these engines, which no longer consider
it in their
relevance
> > algorithms.
> >
> > So, why bother with image ALT text? Because your
rankings may improve in
> > search engines that do take it into account, and it
makes your site more
> > accessible.
> >
> > --Nancy O.
> > Alt-Web Design & Publishing
> > www.alt-web.com
> >
> >
> >
> > "brainfillet" <[email protected]>
wrote in message
> > news:[email protected]...
> >> I read where the search engines focus on the
text within the header h1
> > tags.
> >> If I'm using a graphic that contains this
important introductory info
(as
> >> apposed to text), and put the text in the alt=
section of the image,
will
> > the
> >> search engines us this text in the alt section
of the image?
> >>
> >
> >
>
>

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.

How do I get Alt text to show in DreamweaverCC

Please excuse my ignorance. I would like to know how to get the Alt text to show when hovering over images. It use to happen naturally in Dreamweaver 3, but now in the latest CC version it doesn't seem to work. I use it to link images to pages so when some one hovers over an image the finger points but no text appears? Is there a setting I have missed as I can't type in the code as I'm a novice? Any advice would be appreciated. The pages are all htm.

Hi Atrforrooms,
Use Image Property Inspector dialog in Dreamweaver CC. There is title field, whose value will be displayed on hovering over the image.
Below is the snapshot for better understanding and title is highlighted there. Try this and let us know if that worked for you.
Wish you luck.
thanks,
lnayal

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!

Alt text accessibility

Similar Messages

Maybe you are looking for