Web Page Templates & Compliance
Lehigh University developed a Visual Identity System to ensure that the university, its colleges and its supporting offices maintain a consistent, unified approach to communicating the Lehigh brand. Using such a system helps people easily identify Lehigh throughout all forms of communication.
It is strongly recommended that the official Lehigh University institutional website templates provided below are used to build institutional websites. The templates incorporate Responsive Web Design techniques to enable web content to become "mobile aware" and automatically adapt to fit the form factor of tablet, smartphone and desktop computers concurrently. A special instance of Lehigh’s Google search engine is integrated into the templates to enable visitors to locate any number of University-wide services including programs and majors, financial aid and scholarship opportunities, registration and student services, library and technology services, news and events, job opportunities, maps and directions, and disability support services. The templates contain all of the required code markup, hyperlinks and scripts to ensure consistency with the Admissions site and the future development of the rest of the Lehigh website (Lehigh's "WWW4" series of web pages--including Lehigh's home page, Giving, etc.).
In addition, the official Lehigh templates incorporate important footer links including emergency information and a "text-only" transcoding service that dynamically generates an assistive technology-compatible version of web content. Websites built upon the Lehigh official templates also benefit from improved search engine rank.
In the event that you cannot utilize the official templates, consult "Achieving compliance on sites built without the Lehigh web template" below.
Creating a compliant Lehigh website using the web page template
LTS Web & Mobile Services offers web publishing and content management services using the Drupal open source content management system to students, offices and departments. LTS Web & Mobile Services has partnered with the UCPA Internet Services and New Media group to create an institutional web template, as described above, that works within Drupal. If you are interested in setting up a Drupal site, please submit a service request via the below link and select the Web and Mobile Apps Development link. A member of the Web and Mobile Services team will contact you to discuss further development options.
Submit a request for Drupal web publishing assistance >
In the event that your department or office prefers to work with an external web developer to create your website, the UCPA Internet Services and New Media group offers the institutional web template in HTML format.
The developer's HTML template includes all of the features mentioned above, as well as placeholders for customizable text and graphic content including a top content marketing area (may include a slider, multiple images and messaging), and the ability to create drill-down, topic navigation. The templates are constructed to be standards-compliant and conform to Section 508 accessibility guidelines. The templates were evaluated by WebAIM, a third-party authority in web accessibility, and certified to be conformant with Level A and Level AA of the Web Content Accessibility Guidelines version 2.0 and all requirements of Federal Section 508 §1194.22 of the Rehabilitation Act of 1998. After files are downloaded and modified, WebAIM cannot verify that any changes conform to these accessibility guidelines.
Download the developer's HTML template > (Version 1.0, August 2013)
Achieving compliance on sites built without the Lehigh web template
It is strongly recommended that the official Lehigh website templates provided are used to build institutional webpages. In the event that an institutional webpage developer cannot utilize the templates above, consult this guide to optimize your results.
Many Lehigh University offices and services benefit from having their website linked from various locations on the institutional website (Lehigh's "WWW4" web pages--including Lehigh's home page and Inside Lehigh page). This includes sites and services that are created and/or hosted by third party providers. Before an office, department, program or specialty web page or site can be linked in this manner, it must meet the following requirements:
- Adheres to Lehigh's visual identity guidelines regarding use of the logo, color palette, typefaces and photographic style.
- Adheres to Lehigh's writing style guide and observes proper grammar and punctuation.
- Features a prominent hyperlink (specifically, http://www.lehigh.edu/home) to Lehigh University's home page.
- Site markup is standards-compliant and complies with section 508 accessibility guidelines to ensure broad compatibility.
- Text and other content featured on the site complies with Lehigh's computer use policy and Web site copyright notice.
- Site integrates Lehigh's Google Search (instructions below) that indexes all Lehigh.edu pages and other Lehigh-related websites and pages.
- Site includes the Lehigh footer (instructions below). Adding these links is easy to do and helps make services such as the Emergency information site and Lehigh’s website copyright notice readily available to all site visitors. Embedding the provided script will ensure that this set of essential links always remains up-to-date.
Lehigh's Google Search Implementation Instructions
Lehigh University licenses a special instance of Google's search engine that is tightly integrated into the official Lehigh webpage templates. This service enables visitors to locate any number of University-wide available information and services including programs and majors, financial aid and scholarship opportunities, registration and student services, library and technology services, news and events, job opportunities, maps and directions, disability support services and much more.
This Lehigh-Google search function can be integrated on a website that was not built with the official templates. To learn how, select the button below and follow the instructions to embed the supplied code on each page within the site (Lehigh authentication required*):
Lehigh Footer Implementation Instructions
The Internet Services team of Communication and Public Affairs manages the content and styles of the footer file. To add the footer to a site, view the code by clicking the button below, and follow the instructions to embed the code on every page in the site (Lehigh authentication required*):
For web authors with experience with CSS who are interested in changing the footer styles to match the design of their site, please view the Technical Notes page for more information.
* Access requires authentication with a valid Lehigh AFS ID and password. (Your AFS ID and password are those used to access your email account, or to log into the Network Server.)