Let's continue. To complete this workshop, we're going to be using Dreamweaver. To be able to 
use Dreamweaver successfully, you need to know a little bit about how Dreamweaver works and 
how to make the accessibility repairs. So let's get familiar with the Dreamweaver interface. 
At the center of your screen is essentially a large editing window that's very similar to a 
word processor like Microsoft Word. Here you can highlight text, delete it, or cut and 
paste it, and also change type as desired. The biggest difference between Dreamweaver 
and Microsoft Word is that when you click on any item within a web page or within the editing 
window, you'll receive a different set of properties on the properties bar, towards the 
bottom of the screen. So when I click on an image, the properties inspector gives me a 
set of information specific to that image, the width, the height of the image, the 
location of it, and more. On the other hand, if I click on a link, the properties inspector 
in Dreamweaver tells me information about the format of that link, as well as where the 
link is pointing to. We'll be using the properties inspector extensively throughout this 
workshop. So, we will be evaluating this workshop according to the 16 guidelines 
presented within Section 508, and we're going to be talking about them in the order of how 
frequently they occur. We're going to spend most of our time on the 7 most important 
checkpoints. Simply by addressing these 7 checkpoints, we should be able to make 
approximately 80% of our web pages accessible. Our first checkpoint is ensuring that we 
have text descriptions for any non-text elements. What this means is that any time we have 
an image, chart, or graphic within our web page, we first need to determine if that image, 
chart, or graphic is being used in a meaningful or a purely decorative way. If the image, 
chart, or graphic is being used in a meaningful way, we need to write a short text description, 
somewhere typically between 7 and 80 characters long, and add that short text description to 
the image. So let's take a look at our web page. The first image that we have in our document is 
the Mouse College logo. How do I know it's an image? If I click on it in Dreamweaver, the 
properties inspector, at the bottom of the window, will actually tell me that it is, in 
fact, an image. So is this image in this web page being used in a meaningful way, or is it a 
purely decorative image? In this case, the Mouse College logo is a meaningful image because it is 
a logo, and a logo's purpose is to present visually the identity of an organization. So the 
information that you are conveying is that this web page is affiliated with Mouse College 
and, therefore, the Mouse College logo and the fact that this web page is part of Mouse 
College is meaningful. So now that we know that this image is meaningful, we need to come up 
with a short text description. A short text description for a logo should simply be the name 
of the organization that the logo represents. Logos are kind of a special case that way. So a 
good short text description for this entire logo would simply be Mouse College. So now that I've 
developed this short text description, I'm going to type that short text description 
while that image is selected into the properties inspector in the alt box. So here I will type 
in my short text description, Mouse College, and press the enter key to finish. That's how 
we add a short text description to a meaningful image. Let's go through the rest of our web page 
and perform similar evaluations. The next image that we see on our web page is this one. Again, 
click on it with your mouse to select it and you will see in the properties inspector in 
Dreamweaver that it is, in fact, an image. Now, is this image being used in a meaningful or a 
purely decorative way? I believe this image is being used in a decorative way because of the 
way that the image integrates with the design of the page, and it seems like the image is there 
simply to make the page look more visually attractive. In addition, if this image was not 
viewable on the page, would you actually be missing information about the Mouse College soccer 
program? And I think the answer to that is no. So because this image appears to be nonessential 
and purely decorative, we consider it a decorative image. Now, for a decorative image we 
don't have to write a short text description, but we do need to mark that image as decorative in 
Dreamweaver. The way that we do this is by clicking on the image to select it, then clicking the 
drop down in the properties inspector for the alt option and choosing empty. By doing so, 
Dreamweaver, behind the scenes, creates the necessary html code to mark this image as purely 
decorative. Let's continue with our evaluation on the remaining images in our document. The row 
of soccer balls that we have here, further down the page, would you consider that 
meaningful or decorative? It is decorative, so we will mark that image as decorative by, again, 
selecting image and choosing the empty option. The next image that we have might have been 
easy to miss, simply because there was so much text in it. So the image that shows, "Go 
Packrats, join the booster club," is, in fact, an image and we know that it is because when 
we click on it, the properties inspector in Dreamweaver tells us that it's an image. So is 
this image meaningful or decorative? It is meaningful, in fact, because the image contains 
text. Any image that has embedded text within it will automatically be considered a 
meaningful image. So we need to come up with a short text description for this image. A 
good short text description would be to simply write out all of the text that we see 
displayed within the image. So in the alt text box we're going to type, "Go Packrats, join the 
booster club," and press the enter key to finish. Note that it's a good idea to use good 
punctuation and proper spelling for any items in the alt text box. The remaining image in our 
document is located in the recent game photos section of our page. Click on that image to 
select it, and determine whether that is a meaningful or a decorative image. In this case I 
would argue that this image is meaningful because it is being used in the context of a page 
section that called recent game photos and is describing visually something that happened 
at a recent game of the Mouse College soccer team. Just like you would find in a newspaper, 
when you take a look at photos in a sports section, you typically would have a caption 
next to that photo describing what action is going on. This is a good rule to apply for photos 
that are meaningful as well, in this case a sports photo. So we need to come up with a short 
text description. Part of the problem with determining a short text description for this photo 
is that we don't know what the context of this photo is. Is Mouse College kicking a goal, or 
is the Mouse College goalie blocking a goal attempt or attempting to block a goal 
attempt? We don't know. So we would really need to go back to the person that took the photo 
and ask them what the context of this photo is to come up with a short text description that was 
meaningful for this image. In this case we've discussed this with the Mouse College soccer 
program photographer, and they informed us that this was Mouse College kicking a goal at 
Saturday's game. So that would actually be a pretty good short text description. We're going to 
type that into the alt text box. "Mouse College kicks a goal at Saturday's game." Press the 
enter key to finish. Before we go on, be sure and save your changes to your document. Go to 
the file menu and chose save.