Accessibility > Accessibility Guidelines > Accessibility Guidelines: Frame Titles and Headings

Accessibility Guidelines: Frame Titles and Headings

​Transcript

Accessibility Checklist: G

"Frames shall be titled with text that facilitates frame identification and navigation.”

What does this mean to you?

The guideline focuses on using frames within websites to define content areas as well as assist in navigation.

But since frames are most commonly utilized by web designers, we’ll focus on good document design which is beneficial to all course instructors.

For those who deal with HTML and web design – we suggest you visit the faculty center accessibility website and utilize the guideline handouts to learn more about proper use of frames in web design and HTML coding best practices.

Instructors, this tutorial will only cover a small piece of content, so you should also check out the faculty center website for plenty of helpful tutorials, links to Lynda.com videos, and other helpful items.

In this video, I’ll quickly demonstrate the benefits behind creating styles and using consistent content design.

As shown here in my Guideline G tutorial, I have used styles to create my sections – they each have their own distinct font, font color, size and also contribute to my table of contents located on the left side of the screen.

There are multiple ways to setup your styles, but I'll show 2 of the methods that I use to create custom styles for my documents.

The first way- Format your text to look like you want, then assign the style to an existing option/choice given above.

So I have my style looking exactly how I want for my title.

And I want to use this as an ongoing title for all of my new documents that I ever make.

So what I'm going to do is to highlight my text, right click where I see "Page Title" above.

You can use any of the styles that they give you above here in your styles bar but I went ahead and used the "Page Title" option because it exists already.

I like the title - I'm just going to remake it to be my style. 

So I right click on the option and I click “Update Page Title to Match Selection.”

This removes the formatting was attached to that style shortcut originally and replaces it with my own as the new default.

So anytime I ever click Page Title, it's automatically going to make my content look exactly how I want.

The other way to build your style shortcuts is to modify the existing options themselves.

So instead of designing it here, I’ll going to design it inside of the styles menu options listed above.

Right click on the style you want to edit, click Modify.

Customize your style to look the way you’d like using the options given. 

So choose your font, choose your font size, give it a color, formatting.

Some options you may want to modify after getting your font looking the way you'd like:

Style Name (Make that something you'll recognize)

Styling for following paragraph - Any time I choose "Page Title" what do I want to follow my paragraph.

I'll choose normal. 

So after I use my Page Title, when I hit enter, it'll automatically switch over to normal text as being the next line of text that's going to follow it. 

Every time.

Something else you should pay attention to is this option here:

New documents based on this template.

Do you want to use this only in this document or do you want all new documents to be based on this template? 

So do you want this style to be consistently available anytime you ever make a

new document (I do this personally) and then click "OK."

Now you just need to highlight the text you want to edit, and let's say I want to do this for instance. And I'll choose "Page Title" and it makes it look exactly like my page title listed above.

Creating and modifying these styles will give your documents you create a standardized, professional look as well as improve your content’s accessibility for all users.