Dean Halstead: Hi. My name is Dean Halstead. I’m the Federal Accessibility Lead here at Microsoft. In this episode, we’re going to focus on how to give life to those pictures for all using alternative texts and images and other visual objects. One of the top accessibility issues is Alt-Text. Many people use images and charts, graphs and other visual information to summarize or relay complex concepts through the use of an image, while others use pictures to break up or inspire emotional responses or interest in the document. Regardless of the reason for using pictures, images and other visual objects, we need to use alternative text commonly to refer to as Alt-Text to allow those with assistive technologies like screen readers to have the benefit of understanding the information conveyed in that picture. However, properly using images doesn’t stop there, we need to make sure the way images are placed into a document is also correct. There are many options that allow an image to float, to text wrap or in and around an image, or even to use absolute positioning. Unfortunately, all these will cause users that you screen readers to have problems when the document is read. The best and only recommended way to insert an image into a document and keep that document accessible is to insert inline with the text. Here are two examples that almost looked identical. However on closer inspection, we will see that the two inaccessible versions used with text wrapping options, while the bottom two actually used the inline text. The rule of thumb is you should not see an anchor. If you have properly format an image, the anchor will not show up. Let’s go ahead and insert an image. On the ribbon, click “Insert Pictures” or “Online Pictures”. And I’m going to use a online picture. Notice that by default, the image is placed into the document in-lined with the text. I can check that here by clicking on the image and hovering over the layout options. Now that we have properly inserted the image, we need to type in the Alt-Text. The easiest way is to right click and then choose “Format Picture” from the pop-up menu. And then the third icon to the right, from there, click on Alt-Text to expand and expose the title and description for Alt-Text. In 2010, a format picture dialogue will pop-up, choose the Alt-Text on the left navigation. Okay, we’re not done yet. This is where you need to put some extra thought in to what goes in to that Alt-Text. And there are some special instructions for an image that is decorative. The best practice is to fill up the description that states the purpose and/or function of that object. Let’s go back to the accessible examples and look how they filled out Alt-Text. Notice that the first image has the description Microsoft and so on, but the item to the right, the balloons has a quote space and another quote. This empty quote is the special case for decorative objects. Since the balloons convey no meaning, we just use the quote-space-quote. Note that in both examples, the title is not filled out. Title is not required, and screen readers primarily use the description field. So going back to our example, a thumbs up thumbs down is actually decorative so I’m going to put a quote-space-quote. Keep in mind the following two tips. If you click on an image and see an anchor, your image is not in lined with that text. Number two: Use the description field in the Alt-Text. And to create an accessible document, verify the following four items. Number one: That there is a descriptive text in the Alt-Text caption and surrounding text or appendix. Fill out the description that states the purpose and/or function of that object and make sure it’s less than 250 characters. Number two: The descriptive text on the image of that text matches verbatim. Number three: Put a quote-space-quote for decorative images. Number four: Insert images in line with text and make sure that there are no meaningful images reported under the “Object not in line” in the accessibility checker.