KELLOGG COMMUNITY COLLEGE
450 North Avenue • Battle Creek, MI. 49017 • 269.965.3931
Kellogg Community College Web Guidelines
 
Logo Use
The KCC logo must appear in the upper left corner and is available on the following web page: http://www.kellogg.edu/publications/logos.html. The KCC logo is not to be distorted, color changed, or altered in any way other than those that appear on the logo page. You may also download the logo at the top of this page.
 
Navigational Links
The following links must appear on all pages. It is suggested that they appear at either the top or the bottom of the page.

home http://www.kellogg.edu
contact us http://www.kellogg.edu/about/contact.html
staff directory http://www.kellogg.edu/staff/index.html
site map http://www.kellogg.edu/about/sitemap.html
search


 http://www.kellogg.edu/about/search.html
 
Effective May 1, 2003, all new or revised web pages published or hosted by Kellogg Community College must be accessible to persons with disabilities and be compliance with either:

Priority 1 Level Checkpoints of the World Wide Web Consortium (W3C) Web Content Accessibility Guidelines 1.0.

or

Federal Rehabilitation Act Section 508, subsections 1194.1 through 1194.22 and subsection 1194.31.


Materials which reference these guidelines are available at the following web sites:
http://www.w3.org/TR/1999/WAI-WEBCONTENT-19990505/
http://bobby.watchfire.com
http://www.webaim.org/standards/508/checklist
 
Copyrighted Material
The use of copyrighted works on web pages without the written permission of the copyright owner is prohibited. You should assume that another person's work is copyrighted whether or not it includes the © notice. This includes photographs, illustrations, graphics, audio and video.
  Photographs
A consent form must be signed and on file by each person whose photograph is posted on the KCC web site. Consent must also be given if using another persons’ artwork, photography or literature.
 
Frames
The use of frames is discouraged because of the following:
  • Frames pages do not index well with some major search engines
  • Pages cannot be easily printed
  • Frames cannot be bookmarked properly
  • Are difficult to use with non-graphical browsers

If you cannot avoid using frames, you are also required to have a non-frames version of your site.
 
Title
Each page should include a specific title (within the <title> tag) to describe its contents.

For example: Financial Aid at Kellogg Community College
 
Window Size
Web pages will be viewed on many different types and sizes of monitors. Pages should be designed to work on an 800 by 600 monitor, but will expand when the browser window is resized. Fixed width tables should be avoided because they will not resize properly.
 
Graphics
When graphic images are used, they should be optimized and compressed to keep download time as short as possible. All graphics should include the <alt tag> with an alternate description of its content.

For example:
<img src="kcclogo.gif" alt="Kellogg Community College logo">
 
Date
For timely information such as course curricula, office hours, or degree requirements, a date must appear in a prominent place on the page.

For example, see the course description page at: http://www.kellogg.edu/schedule/descriptions/grde.html
 
Appearance

Colors & Background
There should be adequate contrast between the background color and text color to ensure readability. Detailed graphic backgrounds make viewing page content difficult and should be avoided.

Links
Link colors on the KCC web site should be standardized so users know what to expect and will simplify navigation. The standard link colors for paragraph text are as follows:
Link color: #3333cc
Visited link: #333399
Active link: #cc0000

External Links:
Any links that go outside of the KCC web site should open in a new window.

Text
Paragraph text:
{ font-size: 11px; line-height: 13px; font-family: Verdana, Arial, Helvetica }
Heading 1 (H1):
{ font-weight: bold; font-size: 14px; font-family: Arial, Helvetica, Verdana }
Heading 2 (H2):
{ font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, Verdana }

KCC Web Colors
Blue  #003399 
Grey    #DCDCDC 
Red  #CC0000