College Web Standards -
Developing Web Pages
In order to help faculty and staff to create and maintain their own Web sites within
the Foothill College Web site, what follow are guidelines that ensure that the college
maintains its unique identity and positive public image on the Web. These guidelines
fall into four major areas:
- Appropriate use of the college Web site;
- Overview of the publishing process and role of the Marketing & Communications Office;
- Web site creation guidelines;
- Accessibility standards required by law.
Appropriate Use of the College Web Site
Foothill College utilizes the World Wide Web as an important electronic publication medium
to enhance student learning and the teaching, research, marketing, student life and
administrative functions of the college.
The Foothill College Web site may not be used to create Web pages for personal business,
personal gain or any purpose other than college or district business.
To facilitate the sharing of information in the support of college departments, programs
- Faculty may create and maintain personal Web sites containing their curriculum vitae, office hours,
course syllabi and any other information in support of that faculty member's role in the college. For
assistance with Web-based instructional development, contact the ETS Instructional Development Department.
- Faculty and staff may create and maintain Web sites for the support and dissemination of information related
to the purpose and goals of an educational or administrative department, or other college entity.
- Students working under the responsible, direct supervision of a staff or faculty member may create and maintain
Web sites for the support and dissemination of information related to the purpose and goals of an educational or
administrative division or program.
To promote college programs and activities to the general public:
- Faculty and staff may create and maintain Web sites for the purpose of promoting a college program,
event or service, or a community program or event. Such sites may be subject to coordination with the
Marketing & Communications Office and existing publicity for the event or program.
Creating a New Web Site
The process for developing new Web sites within the Foothill College site is outlined below.
- Request space on the Web server by contacting the Web site coordinator, who will determine the
site's location within the information architecture of the main site. You will receive a user name
and password that will enable you to test and edit your site on a development server.
- Designate a site author, who will be responsible for Web site creation and maintenance. A page
template is available to help the author meet design and accessibility standards. You may also choose
to use the services of the Web design coordinator, who can provide graphic design and authoring
assistance and help you build an effective site.
- Submit your completed Web pages to the Marketing & Communications Office for final approval.
Upon approval, the Web coordinator will post it on the main college site.
Modifying An Existing Web Site
Unless other arrangements have been made in advance, it is the responsibility of all site
owners to revise and update their Web sites as necessary. The Web team will periodically
review sites for timely updates and accuracy. If a site has not been updated in six months
and contains outdated information, the college Web coordinator will notify the site owner
that revisions are needed. Sites that are not updated within two weeks of notification will
be subject to removal until corrections are made.
Web Site Guidelines
The basic rules defined for Foothill-hosted Web sites are as follows:
- All sites must be fully ADA and Section 508 compliant. There are no exceptions to this rule.
- All sites must be fully identified as a Foothill College programs site with proper logos, headers and footer.
- All sites must be submitted for review to the marketing office.
- All "original artwork and designs" (copyright compliant) must be included with the submission. This includes
any Photoshop, Illustrator or other graphic files.
- If Flash, Movies or any multimedia is used on the site, it must be fully compliant with ADA Section 508 rules.
- No ftp, email accounts or direct site access will be granted to students or non-full time faculty/staff.
- All sites to be placed on the Foothill server must be easily maintainable by the Web coordinator.
- Any cgi or other scripts used are subject to approval by the Web coordinator.
- All work must be completed in full before it is submitted to the Marketing & Communications Office for
review and posting.
- Sites may not advertise a product or service that is external to campus.
- No graphic or derogatory messages (i.e. porn, slurs,hate messages, etc.).
- Clubs sites must be sanctioned by Foothill College
- Page header graphics or titles should state "Title at Foothill College" or "Title of Foothill College" or some
wording indicating that the "Title" is an officially recognized organization or part of Foothill College.
- All Web pages must include the official Foothill College Web footer.
- A contact email address for the site must be included. You may not advertise a product or service on Foothill-hosted pages.
* Level 1 pages: (Example) Home page/index
*Level 2 pages: (Example) News, Divisions, Programs, Schedule, Register, etc,
- Use the identical look and feel for all level 2 pages. Common header and footer.
*Level 3 pages: (Examples) BSS, Athletics, Language Arts, Fine Arts, etc.
- Level 3 sites can have there own look and feel but must conform to the Foothill standard by
using the Foothill header and footer used on Level 1 and 2 pages.
*The common use of the headers and footers ties all the sites together allowing for full
navigation while still allowing each of the sites to have their own identity.
Please note: all sites are subject to approval by the Foothill Marketing and Communications
Required Accessibility Standards
The current Foothill College Web standards state that all Web pages should conform to
the Priority 1 guidelines as set forth in the Web Content Accessibility Guidelines 1.0.
The district is currently in the process of developing a more comprehensive policy based
upon the Section 508 Federal Acquisition Regulations (FAR) which will be referenced here
For more information about making your site accessible, view the High Tech Centers Training
Unit Web site at http://www.htctu.fhda.edu/ .
The accessibility of each Web site is subject to the review of the college Web coordinator.
Below are some tips to making your Web pages accessible.
Making Web Sites Accessible
Page Design-An important step in creating accessible pages is to validate your HTML.
You can do this by going to Web sites such as Bobby, which allow you to test web pages and
repair barriers to accessibility and encourage compliance with existing guidelines.
Make sure the HTML titles of your pages are unique. Titles are an important navigational tool for users.
Document titles are more important than people realize. Browsers bookmark titles and search engines
often look for and index titles.
When possible, use only technologies defined in a W3C (World Wide Web Consortium) specification and
use them in an accessible manner. When this is not possible, provide an alternative page that is
accessible and complies with all standards. Images-All images and image map coordinates should have
an ALT tag that specifies alternative text that will be shown if image display is not possible or
disabled by the user. This gives the user some indication of what's missing. ALT tags should be
properly punctuated to allow various screen readers (software for the visually impaired) to work
- Judiciously use the appropriate amount of text in ALT tags. ALT tags should describe the image in as concise a manner
as possible. If your image includes text, the ALT tag should reflect that text.
- ALT attributes such as "image" or "photo" are uninformative. Make your ALT text specific and meaningful. Using
transparent GIF spacers is fine, but they need to have ALT text. For non-essential images, you can use a blank ALT tag;
for example, ALT="" is acceptable for spacer GIFs or other noncritical or content-devoid images.
Color-If you use a colored background, make sure there is high contrast between the background and text. Because of cross-platform and monitor issues, color should be chosen from the 216-color Web palette. Avoid backgrounds with busy patterns; these make text difficult to read.
Frames-It is better to avoid using frames. However, when using frames, provide sufficient information to determine the purpose of the frames and how they relate to each other. When a screen reader encounters a frameset, it will read the filenames for each frame and allow the user to choose between them. Therefore, each frame must have a descriptive file name. Also, use the <noframes> tag to provide an alternative when it's not possible to make the frameset accessible.
Tables-When using tables to represent data, rows and columns should be clearly labeled and the summary attribute should be used in the table tag. This does not apply to tables used for layout.