IT at the College

Student and Teacher in computer classroom

Colors

Fonts

Standard Page Elements

Web Accessibility

Technology

Colors

		Maroon, #990033 Official maroon for the College of Charleston Web site.

		Medium Beige, #d4d4ab Background color of navigation CofC top navigation.

		Light Beige, #e5e5cc Background color for page specific navigation.

		Blue, #6699cc Link color and accent color.

		Light Green, #999966 Accent color.

		Medium Green, #666633 Accent color.

		Dark Green, #333300 Accent color, and background color for departmental navigation that is placed at the top of the page.

Fonts

The College's top level Web pages use CSS (Cascading Style Sheets) to define fonts. The font size is set as a percentage in an effort to provide Web pages that are accessible.

HTML Font
Verdana, Arial, sans-serif
The font displayed will be Verdana. If Verdana is not installed on a computer system, the font will default to Arial and then sans-serif.

Text as Graphic
Zapf Humanist 601 Regular
You may purchase this font from www.myfonts.
Main headers have been set at 28pt, and Sub-header have been set at 25pt.
Verdana is a good substitute if you do not have Humanist or do not want to make text into a graphic.

Standard Page Elements

Navigation
View CofC main navigation example and code.

Page Layout
View suggested layout.

Graphics
The following graphics are available for use on the Web. These images have been created for Web application only and should not be used for printed material because of their low quality when printed.

PC Users: right + click on the image to download.
Mac Users: control + click on the image to download.

Web Accessibility

In an effort to have a web presence that is accessible to the widest possible range of users, the College of Charleston has implemented compliance techniques defined by the Federal government (Section 508). These techniques allow agencies to comply with Federal regulations that ensure that people with differing abilities will be able to have access to the Internet. The State of South Carolina is currently in the process of adopting a state-wide accessibility policy.

There are sixteen compliance techniques. The features you have in your web site will determine which techniques you should implement. You can learn about implementing these techniques through the resources provided.

What is web accessibility?
Accessibility is defined as "Development of information systems flexible enough to accommodate the needs of the broadest range of users... Regardless of age or disability."

What is Section 508?
Section 508 requires that Federal agencies or agencies receiving federal funds have electronic and information technology that is accessible to people with disabilities.

Web Accessibility Resources

The Access Board: The Access Board is an independent Federal agency devoted to accessibility for people with disabilities.
Section 508.gov: The Center for IT Accommodation's (CITA) web site provides resources for understanding and implementing the requirements of Section 508.
WebAIM: WebAIM provides on-line learning opportunity on web accessibility and web accessibility tools.
Free Evaluation and Repair Tools (WebAIM): Tools to help you check for web accessibility.

Web Templates
This page provides information on the basic elements that are used in the College of Charleston top level Web pages. This information is available to assist you if would like to implement any of these elements.

View some examples of how you may incorporate these design elements into your site.
School of Education
School of the Arts
Office of the Registrar
Undergraduate Studies

Web Development Resources

Don't Make Me Think! A Common Sense Approach to Web Usability. Steve Krug

Yale Style Guide: Basic Design Principles for Creating Web Sites. Lynch and Horton

useit.com: Jakob Nielsen's Web site

lynda.com

webmonkey.com

There are many more great resources. To find more Check your local library and the internet.