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.

Are you using FireFox? If not, please close your browser and switch. 

Page Outline Approach - 508/ADA 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/ADA 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

External LinkDownload the universal Microsoft Word reader

Spell Check - 508/ADA 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.

Things to Remember & Note

Website accessible document - no more scanning

Staff Directories & Staff Photos

Parents can email you through the website, the 'from' is Berkley Schools Website Email. Send a test message to yourself.

Additional pages you create will show on the left of the screen in the navigation area, instead of folders on the bottom like before.