UTA Business Building

CoB Web Style Guide

General Guidelines:

Each CoB department website will adhere to the UTA and CoB website standards. Departments will be notified of any new (or changed) CoB website standards either through postings on News for CoB Web Maintainers, by email, or both.

Web pages must comply with UT Arlington's Accessibility Policies, UT Arlington's Security and Content Standards, and State of Texas Web Site Standards & Requirements.

The goal for each CoB web page is to be validated error-free through the W3C Markup Validation Service. For Validation Tools, see Training and Support for CoB Web Maintainers.

All CoB websites will be reviewed on a regular basis for adherence to the standards and templates, acceptable web content, and presence of broken links.

Branding:

The branding of the University requires that we use the latest version of the UTA logo in approved colors on all our printed material, websites, etc. It is important for all departments in the college to be aware of the logo resources available to them. All UTA faculty and staff have access to download UTA institutional logos of various types and colors through https://www.uta.edu/ucomm/identity/logo/index.php.

Each of the six academic departments in the college have a departmental logo that has been created to meet UTA and College of Business standards. If an image file of a departmental logo is needed, please contact the webmaster for the college to request an image file.

Accessibility:

Each UTA web site that provides entry to members of the public must contain an "Accessibility" link to the University's Web Accessibility Policy and contact information for the University's Accessibility Coordinator.

Web pages must be usable by those using screen readers. Therefore, do not create pages with graphic-only content or graphic-only navigation. All graphics (images and videos) must have alt tags and title tags. All graphic navigation bars and buttons must have text alternatives on the page. Avoid creating a second set of text-based pages. Instead, integrate graphics and text on the same page.

Give your photos captions, so the vision-impaired can better understand the photo.

Provide a paragraph of summary for your videos and audio podcasts—or, if possible, a transcript.

Design:

General Design:

Follow a simple and consistent design. Complex designs can confuse users, so keep it simple. Also, a consistent design will let your readers concentrate on content, without having to waste time figuring out how to maneuver your layout.

Each webpage, through all levels of each site, must contain up-to-date information. Outdated information should be removed in a timely manner by the web maintainer when requested to do so by the respective CoB Departmental Chair, Director, or appropriate representative. When designing the website, do not implement more than can be maintained on a regular basis (weekly, monthly, etc.).

Make the best use of your home page: Your home page is the most valuable portion of your web collection. Don't put too much text on the home page. Be concise and helpful. Do not waste home page space on introductory paragraphs of information that users will read only one time and subsequently ignore. Each department should have a concise, edited version of their departmental description, reserving an "About the Department" page for a full description.

Don't rewrite content that already exists. Reference the content with a link.

Design for a monitor set at 1360 x 768 pixels or higher resolution.

Design for Internet Explorer version 8 or higher, Mozilla Firefox version 8 or higher, and Google Chrome version 15 or higher.

Before using any University or College of Business logo, please notify the webmaster for the college.

Do not use frames. Tables, in general, are acceptable.

The body (text) content of all pages should be printable without important information cut off.

Avoid showing Uniform Resource Locators (URL) as a link.

    Bad: For more information about the Occupational Outlook Handbook,
    go to http://www.bls.gov/oco/.
    Better: More information can be found in the Occupational Outlook Handbook.

Make hot text meaningful: A page of "click here" links does not help readers easily locate the information they want.
    Bad: "To learn to publish, click here."
    Good: "To learn to publish, see Learning to Publish." (Avoid this redundancy.)
    Better: "To publish in Web Central, see Learning to Publish."

Review your pages. Publishing in the Web is just that—publishing. And just like paper publishing, your Web pages should follow the normal procedures of proper review and approval before you publish them. Remember to review content for correct spelling and grammar.

Preview your pages. Before you put your pages up for the world to see, take a look at them locally with different browsers. This way you can make sure your pages look as you expect them to, independent of the browser used to view them.

Detailed Design:

The new CoB webpage templates are consistent with the college's brand, which is vibrant, confident and professional. The webpage templates include a permanent set of navigation buttons running horizontally near the top of every page to improve navigation and ensure users can easily maneuver throughout the CoB site. The design of the department home page includes an image showcase area similar to the CoB home page. Additionally, there are areas on each page that were set aside to place additional images if needed.

The CoB website templates preserve each department's ability to retain its own navigation. Each department will continue to incorporate a set of vertical navigation buttons on the left side of the page, which can be developed and organized to meet each department's needs. Each left-side navigation button can include a drop-down list of buttons to ensure navigation is well-organized and content-driven.

Each CoB department home page and subsequent secondary web pages will use the standardized CoB site templates and should have an extension of .html, .aspx, or .php. These templates also reference CSS files, Javascript files, and image files. The core set of files and templates will be provided to each department. (The html templates are available for viewing purposes: CoB Department Home Page template and CoB Department Secondary Page template.) The CSS files and Javascript for the CoB Department Home Page and Secondary Pages may not be modified. Conformity is required in font size, style, and color. (Heading sizes used are signified by h1, h2, and h3, and should be used for headings only.) Requests for exceptions to this standard would be reviewed and, if approved, would be communicated to all CoB departmental Web Maintainers with coding provided to facilitate the change. The templates for the CoB Department Home Page and Secondary Page may be modified within the guidelines given below. Any other desired modifications must be recommended to the CoB Webmaster through the Change Control Process. Those modifications that significantly change the look and feel of the CoB website and subsequent department sites would require approval by the Dean's Office and Chairs before being applied to all CoB websites.

(Note: CSS files for other types of web pages may be created but should attempt to conform to the College's brand. Additional folders may be added to the core set of files and templates by each department as their needs dictate.)

      CoB Department Home Page and Secondary Page:


  • Background colors: The main content area's background and the blue screen background must not be altered.
     
  • Masthead at top of page above top navigation bar: No changes allowed to masthead.
     
  • Horizontal navigation buttons (i.e. top nav bar) below masthead: These buttons are permanent. No changes allowed to this nav bar nor the search box.
     
  • Banner Below Top Nav Bar:
     
    • Banner below top nav bar on Department Home Page: may contain a single still shot picture, multiple still shots of no more than three images, or a slideshow. (Slideshows should function in Internet Explorer, Google Chrome, Mozilla Firefox, and Apple Safari browsers. If not, then an appropriate still shot should appear where the slideshow would normally appear.) Ideally, banner images link to a webpage within the departmental site containing more information. This is not an appropriate place to use a video.
       
    • Banner below top nav bar on Department Secondary Page: Each department will be provided with a customized departmental banner. It is recommended that each department use the customized departmental banner across all secondary pages. Alternatively, a group of non-customized banners will be provided and, within that group, variance is allowed from page to page.
  • Vertical navigation buttons (i.e. left nav bar):
     
    • No more than eleven (11) buttons should be created in the left nav bar.
    • The top button is left empty and is not counted in the eleven.
    • The second button should be titled to match the department name and links to a page with much more in-depth information defining the department (not the Home page) or, if desired, could have a drop-down list of sub-links, with buttons such as "About Us," "Our History," "Fast Facts," "Administration," "Faculty," "Advisory Council," etc. The ordering of the sub-buttons would be up to the discretion of the department. We recommend any drop-down lists contain no more than six (6) buttons. Only one level of drop-downs is allowed.
    • The next-to-last button links to a "Contact Us" page.
    • The last button links to "Department Home."
    • The left nav bar should be identical from page to page within the departmental website.
  • Quick Links navigation: The Quick Links section is used to provide easy access to important sites and is an optional feature. If used, Quick Links are chosen by the Department and are limited to a maximum of three (3) and must appear below the left nav bar, but above the AACSB logo. Quick Links can be used on the home page only or on all pages of the website. If used on all pages, they must be identical from page to page.
     
  • AACSB logo: The AACSB logo is required and should not be changed.
     
  • Right Side Bar: The right side bar may be used for pictures, blurbs, and/or minimal links (direct links only--no fly-outs or drop-downs).
     
  • Body of webpage: The content of the white space should use font size, style, and color provided in the CSS without any changes. Headings in the CSS should not be changed. They are represented by h1, h2, and h3, and should be used for headings only. A breadcrumb trail is required in the top row of the body on both the home page and the secondary pages. Nesting depth of web pages within the logical structure of the website should not exceed two levels past the home page. This would allow for a maximum of three webpage links in the breadcrumb trail. Requests for exceptions to any of these standards would be reviewed, and if approved, would be communicated to all CoB Departmental Web Maintainers with coding provided to facilitate the change.
    On rare occasions, it may be desired to use a colored background box (table) of a different color than the standard background color in order to emphasize the contents of that table (text, images, etc.) Colored boxes of this nature should not exceed 1/3 of the total height of the body of the webpage. No border should be used. The choices for the background color of the box are celery (R=208, G=191, B=139, #D0BF8B) or sky blue (R=212, G=239, B=252, #D4EFFC).
     
  • Standards for Footer:
     
    • Footer on body (white space): The footer on the body should contain only CoB social media buttons, if they are desired. If they are used, they should appear in the bottom row of the body, right justified, with wording "FOLLOW DEPARTMENT NAME ON" to the left of the icons. The inclusion of any social media icons other than the ones provided for Facebook, Twitter, LinkedIn, and/or Flickr would require prior approval from the Director of Marketing and Communications in the College of Business.
       
    • Footer on blue background at the very bottom of the screen: Bottom footer should remain unchanged with the following exceptions: The telephone number at the end of the first line should be the main number of the respective CoB department. The webmaster email address should be a general departmental email address for the respective CoB department. The Sitemap link should go to a departmental webpage showing a list of all webpages within the website that are accessible to visitors. The Sitemap should be organized in hierarchical fashion to help the visitor find pages on the site.