Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
When you create a publication that is designed specifically to be viewed online over the web, these types of publications can have their own web-specific issues, so running the Design Checker and looking specifically for web design problems or flaws is a good idea. We're going to do that using our TTCatalog publication here, and again, to access the Design Checker, we click the File tab to go to Backstage view, make sure Info is selected, then click Run design checker. In this case, all we want to have selected is the Run web site check.
So if you've got Run general design selected and nothing else, you want to deselect that and only select Run web site checks. And that's what it's going to be looking for, flaws that pertain to viewing this on a web page. So, for example, you are going to see a number of pictures that don't have alternative text. You know when you're loading up a web page, and it's taking a while, the graphics are big files, they take a while, you're going to see some kind of placeholder text there, indicating what should be showing up there. It's also an accessibility thing, and will help people to understand what goes here.
Sometimes when you run security with your web browser, to not show certain graphics, you'll see the alternative text instead. So if we go to the first one, which appears on page 1, and click the dropdown arrow, we can go directly to the item. Let's do that. You see how it gets selected. It's this kind of fancy design in the background. And if you want, you can go back to the selected issue now, click the dropdown, and fix it. Now, this shows up right on top, so if you want to move it out of the way, just in case you went directly here, you'd be able to see what's selected and then add some alternative text just so people know what goes there.
So, in this case it's going to be a background graphic, and click OK. You can type whatever you want in there. As soon as you do that though, it gets fixed up, and now when we go down the list, you'll see there's a number of additional ones like that, and then you might see something different, like page 1 does not have a link. If we click the dropdown, we can go to the item or fix by adding a navigation bar to this page. So typically if you are creating a web page, you might have a navigation Bar with links to the various pages, something we don't have on this page.
If it's not an issue, this is simply going to be viewed online, like a document, you may want to never run this check again, on this document of course. When you do that those types of issues will disappear from your list; it just got shorter. As you can see, most of these are problems with pictures not having alternative text. Here's one - page 3 cannot be reached from the first page, and that again is something to do with a navigation bar that will help us to link to the various pages. And we can fix those by clicking the dropdown, and you can see there's No automatic fix for this type of thing, but we could go directly to page 1 and create a link to page 3 and the other pages, for that matter.
So typically the first page might have almost like a Table of Contents- type thing, a list of links will take them directly to the various pages, or we can choose not to run this, if it's not an issue. Now, we're down to just fixing pictures and adding alternative text. Once you've done that, you can close the Design Checker. When you're back to your document, remember to save your changes before you go to save it as a web format.
Get unlimited access to all courses for just $25/month.Become a member
82 Video lessons · 97700 Viewers
80 Video lessons · 141117 Viewers
59 Video lessons · 59472 Viewers
52 Video lessons · 72776 Viewers
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
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.