Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member

Alternate text

From: InDesign CS5.5 New Features Overview

Video: Alternate text

Printed products created from Adobe InDesign stand by themselves. They are visual pieces of artwork that explain themselves. There is text, photos, and other graphics that make the overall product cohesive and visually rich. Global electronic formats, such as XHTML, EPUB, and tagged PDF files, on the other hand, can be made more accessible to various electronic devices such as phones, tablets and other browsers, as well as a variety of different users namely those with visual impairments.

Alternate text

Printed products created from Adobe InDesign stand by themselves. They are visual pieces of artwork that explain themselves. There is text, photos, and other graphics that make the overall product cohesive and visually rich. Global electronic formats, such as XHTML, EPUB, and tagged PDF files, on the other hand, can be made more accessible to various electronic devices such as phones, tablets and other browsers, as well as a variety of different users namely those with visual impairments.

These users may require assistitve devices that read the data aloud to other users. the fact of the matter is, however, that if the electronic content is not prepared correctly the message will not be conveyed to the end user. InDesign CS5.5 improves the ability of designers to add additional information to a file Called Alternate Text, that can describe images, and also provides more control, over what content actually gets included in the electronic formats.

I'm beginning this file, with the brochure_alternate file open on my computer. And I'm going to begin this video by doing a quick export to show you how this works. So I'll go to the File menu and I'm going to choose Export. And I'll go ahead and Export this to an HTML file. And I'm going to leave the name at the Default, and I'll just go ahead and click Save. And in the HTML export options dialog. I just want to make sure that View HTML after exporting, is chosen. And I'm going to leave the rest of the settings at their defaults. So I'll go ahead and click OK, and once this is finished it's going to open up in my web browser.

And you'll see that I have a number of different images here. But once again, for somebody who is visually impaired, and is using an assistive device such as a screen reader. The only way they're going to get any information about this image is if there's some alternate text in here. I'm going to go to the view menu and I'm going to choose view source. And I'm simply going to scroll down to my first image tag and we can see that right now.

This is the first image, we can see that there's several attributes in here but the one that I'm concerned about is the Alt attribute. And the InDesign's pretty smart because it knows that this image exported to a HTML file is going to need alternate text and, so what it does it puts the name of the file in there. So, at least it's putting something in there but for somebody that's visually impaired this is going to mean next to nothing. So I'm going to go ahead and close this. I'll quit out of my web browser and I'm going to go back here and I'm going to do a couple of things to help.

With this issue, so the first thing I'm going to do is on page one make sure I have page one selected in the pages panel and I'm going to press Cmd+A on mac or Ctrl+A on windows. And then I'm going to choose the Object menu and choose Group. And the reason that I'm doing this is because I want to add alternate text to this main image as a hole. So I'll go to the Object menu and choose Object > Export Options. Now, the first thing I'm going to do because I really want this whole page to export as one image, I'm going to go to the EPUB and HTML button and I'm going to turn on custom Resturization.

And I'll set to size relative to page width, resolution to 72, and I'll change the format to P and G. That looks pretty good, and in my custom image alignment, I'll set this to centered and maybe add two m of space afterwards, getting to the other portion of what we need to do to this image is the adding of alternate text to this image. Once again, alternate text is designed to describe this image.

So, in the alternate text button I could chose a source from structure. This only applies if you already tagged all of your images using the XML panel inside of InDesign. Now, I'm not going to use that because I haven't done any of that but I'm going to click on this Drop Down menu and I'm going to choose Custom and in this dialog I'm just going to type image of snowboarders and the kids snowboard camp 2011. Now, I'm going to come over here to the tag PDF button because when I export to a PDF file, the same rules apply.

When somebody with an assistive device is reading the PDF file, if there has been no alternate information included, they might as well be looking at a blank slate, because there's no information aside from the file name that's going to be included. So, in the actual text source, this is similar to alternate text, but this is very useful in cases where we have just a logo. And we want to type the content of the logo even those this logo is actually artwork, it actually is reading something.

So, this would be useful to set it to custom, and we can simply type what the logo is saying. So I'm going to type kids, snowboard, camp 2011. Now, the nice thing about this dialog, is that it's not mobile. Which means I can navigate to other images inside of this document. So I'm going to go ahead and click on this image, and now we're back to square one we don't have any alternate text for this image.

But what I do want to show you is that in addition to choosing from structure and custom we can also choose XMP meta data for these images. Now, I'm just going to click Done for a second to show you something. With this image selected, I'm going to come over here to my Links panel and this is the link to this image. So, I'm going to right-click on it and if you're using a Mac without a two button mouse, you can also Ctrl+Click on this, and I'm going to choose reveal and bridge, and this is going to now display that image.

It's going to highlight it in the bridge, and if I look in the lower right corner of the Adobe Bridge Application I have a Metadata panel. If I scroll that a little bit there is a section called, IPTC core. And you'll notice that in the description field I've tied in what I would like to be used for the alternate text, and this can have multiple purposes. And to edit the metadata in the bridge I just click inside of here and I can type literally whatever I want. I really don't want that content, so I'll just remove it, and then I'll click the check mark to apply it.

Now, this where it really helps me in InDesign. I'm going to go to the File menu, choose return to Adobe InDesign, and with this image selected I'm going to go back to Object > Object Export Options. In the all text source I'm going to change this to from XMP description and the minute I choose that the text that is being pulled from this actual file is going to appear in this field, notice it's grayed out because I can't edit it it's being pulled directly from the file. I'm going to click on this image, do the same thing from XMP description notice that this alternate text is being pulled in automatically. This is a great tool that's been added to Adobe InDesign CS5.5. In the tagged PDF section, I can also grab the actual text source from the XMP if I choose to.

So this is a really, really useful tool that's been added. I'll go ahead and change this one as well, and then I'll click Done. Now, I'm going to go to the File menu and choose Export. Leave the format to HTML, although this alternate text will apply when going to both EPUB and a tagged PDF format. So I just keep it at HTML, click the Save button and replace my previous file, make sure I'd use the HTML after exporting, and click Okay. When this opens in my Web Browser, not only will I see that this front cover, or this main image has been combined, but in addition if I go to the View menu and choose View Source.

I go to the first image in my File, so I'll find the first image tag, and you'll see right away that for this image, I have Alt Text. That's exactly what I typed in, much more descriptive than just the File name. Scroll down a little bit further to my next image tag, and here you can see that the alternate text is exactly what was pulled from the XMP metadata. As you can see, InDesign CS5.5 goes a long way in making it easier to add additional information to a file. That will make it easier for users of assistive devices, to correctly read and interpret your content.

Show transcript

This video is part of

Image for InDesign CS5.5 New Features Overview
InDesign CS5.5 New Features Overview

13 video lessons · 420 viewers

Chad Chelius
Author

 

Start learning today

Get unlimited access to all courses for just $25/month.

Become a member
Sometimes @lynda teaches me how to use a program and sometimes Lynda.com changes my life forever. @JosefShutter
@lynda lynda.com is an absolute life saver when it comes to learning todays software. Definitely recommend it! #higherlearning @Michael_Caraway
@lynda The best thing online! Your database of courses is great! To the mark and very helpful. Thanks! @ru22more
Got to create something yesterday I never thought I could do. #thanks @lynda @Ngventurella
I really do love @lynda as a learning platform. Never stop learning and developing, it’s probably our greatest gift as a species! @soundslikedavid
@lynda just subscribed to lynda.com all I can say its brilliant join now trust me @ButchSamurai
@lynda is an awesome resource. The membership is priceless if you take advantage of it. @diabetic_techie
One of the best decision I made this year. Buy a 1yr subscription to @lynda @cybercaptive
guys lynda.com (@lynda) is the best. So far I’ve learned Java, principles of OO programming, and now learning about MS project @lucasmitchell
Signed back up to @lynda dot com. I’ve missed it!! Proper geeking out right now! #timetolearn #geek @JayGodbold
Share a link to this course

What are exercise files?

Exercise files are the same files the author uses in the course. Save time by downloading the author's files instead of setting up your own files, and learn by following along with the instructor.

Can I take this course without the exercise files?

Yes! If you decide you would like the exercise files later, you can upgrade to a premium account any time.

Become a member Download sample files See plans and pricing

Please wait... please wait ...
Upgrade to get access to exercise files.

Exercise files video

How to use exercise files.

Learn by watching, listening, and doing, Exercise files are the same files the author uses in the course, so you can download them and follow along Premium memberships include access to all exercise files in the library.


Exercise files

Exercise files video

How to use exercise files.

For additional information on downloading and using exercise files, watch our instructional video or read the instructions in the FAQ.

This course includes free exercise files, so you can practice while you watch the course. To access all the exercise files in our library, become a Premium Member.

Join now "Already a member? Log in

Are you sure you want to mark all the videos in this course as unwatched?

This will not affect your course history, your reports, or your certificates of completion for this course.


Mark all as unwatched Cancel

Congratulations

You have completed InDesign CS5.5 New Features Overview.

Return to your organization's learning portal to continue training, or close this page.


OK
Become a member to add this course to a playlist

Join today and get unlimited access to the entire library of video courses—and create as many playlists as you like.

Get started

Already a member?

Become a member to like this course.

Join today and get unlimited access to the entire library of video courses.

Get started

Already a member?

Exercise files

Learn by watching, listening, and doing! Exercise files are the same files the author uses in the course, so you can download them and follow along. Exercise files are available with all Premium memberships. Learn more

Get started

Already a Premium member?

Exercise files video

How to use exercise files.

Ask a question

Thanks for contacting us.
You’ll hear from our Customer Service team within 24 hours.

Please enter the text shown below:

The classic layout automatically defaults to the latest Flash Player.

To choose a different player, hold the cursor over your name at the top right of any lynda.com page and choose Site preferencesfrom the dropdown menu.

Continue to classic layout Stay on new layout
Exercise files

Access exercise files from a button right under the course name.

Mark videos as unwatched

Remove icons showing you already watched videos if you want to start over.

Control your viewing experience

Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.

Interactive transcripts

Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.

Are you sure you want to delete this note?

No

Your file was successfully uploaded.

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.