Website Content Best Practices

Page Style Guidelines

The page title should only be used 1 time on a page. Its purpose is to provide a useful title for the content on the page.  Following the page title you can use the Intro Text style.  This should only be used at the top of the page to provide a brief introduction to the content on the page

Page Outline Approach - 508 Compliance

To make it easy for the site visitor to find information, use headings to outline the content on the page.  Proper user of Headers will allow the visitor to quickly review the content that is on the page to determine if they have found the information they are looking for.

Note: Required for Section 508 Compliance

Scanability - Left Justify Content

To make the page easy to scan - always left justify text and headers.  This keeps the eye from jumping back and forth on the page, making it much easier for the reader to absorb the information on the page.

Align Graphics / Photos

If you are adding  any visual graphics or photos and there will be more than one, left or right justify all the graphics/photos.  If you left justify some, and right justify others, you are breaking the scanability rule making the eye jump back and forth.

Link Names - 508 Compliance

The Link Text to documents, websites and other pages must be unique and descriptive.  The link must make sense completely out of context of the content on the page.

Non Compliant Links

Click Here to View Monthly NewsletterPDF Document
Click Here to View Spelling List  PDF Document
Click Here  to View Homework Assignment Word Document

Compliant Links

PDF DocumentView Monthly Newsletter
PDF DocumentView Spelling List
Word DocumentView Homework Assignment

Spell Check - 508 Compliance

Remember to spell check your page before publishing. It is important that your page does not have misspellings for compliance.

Font Colors and Sizes

Your website has been designed with specific font sizes and colors to promote uniform content across the website. These colors and sizes are proportional and should be used at all times. All content should be formatted using the styles specific to your website that are available in the format drop list.  This will promote a very professional looking website. 

Please note: Contrast and font sizes will be required for WCAG Level AA Compliance.

Bolding Text

Use bold text if you want something to stand out.  Please use it sparingly so it does not lose its affect. If everything is "bold" on the page, nothing will stand out.

ALL CAPS

Some Screen Readers will read each letter as all caps indicates an acronym.

DO NOT USE ALL CAPS IN PARAGRAPH CONTENT. ALL CAPS IS TAKEN AS A FORM OF "SHOUTING" AT THE READER. ALWAYS USE MIXED CASE FOR ALL CONTENT AND THEN APPLY THE FORMAT STYLE. SOME OF THE HEADING STYLES MAY AUTOMATICALLY BE IN ALL CAPS.

All Caps

Do not use all caps in paragraph content. All Caps is taken as a form of "shouting" at the reader. Always use mixed case for all content and then apply the format style. Some of the heading styles may automatically be in all caps..

Italics Text

Italics text is hard to read on a web page and should be avoided.

Italics text is hard to read on a web page and should be avoided.

Underlining Text

The reader has been conditioned to think that underlined text is a hyperlink. It is important to consider this when wanting to emphasize text in a paragraph.

It is recommended to bold the text instead of  underlining it.  Readers will sometimes be confused or think a link is broken.