The web is a primary means of communication of The University of Alabama, and it is important that UA projects a consistent brand and a quality user experience on all official and unofficial University web sites.

Web Policy

The University of Alabama World Wide Web Policy governs all Web sites representing the University. It is essential that all employees who build and manage websites read and follow the requirements of this policy.

Visual Identity

The University of Alabama comprises many academic, research and service units, each of which plays an important part in shaping the University's reputation as an internationally recognized institution. In turn, each unit's reputation and identity is shaped by its association with the University. The visual identity projected by our many units to our many audiences should reflect the strength that results from our collective association as The University of Alabama. Consistent, frequent, and appropriate use of our nameplate and wordmarks promotes instant recognition and a clear, unifying image. UA nameplates and wordmarks are available on the Logos & Wordmarks page.

Back to top

This section of the UA Web Guide presents a step-by-step process for building a new Web site or redesigning a current Web site at The University of Alabama.

Some basic steps to follow as you begin a web site project include:

  • Discuss your site with others in your unit or department, including your area's computer support staff or your college, school, or department Webmaster.
  • Determine what resources you have available to design, develop and manage your web site, both during initial development and ongoing maintenance once the project is completed. If you do not have expertise in your area to do the work, then determine how to resource your project and ongoing maintenance.
  • Identify key stakeholders for your organization, both internally and externally as applicable.
  • Determine your goals and objectives.
  • Determine roles and responsibilities.
  • Determine what content you have in place and what you will need to develop.
  • Make an outline, then gather and organize your content. Your outline will often serve as a basis for the site's navigation when you begin the development process.

All UA departments are encouraged to use the official UA Web Templates or UA WordPress Themes as the basis for web development projects. Utilizing the UA templates and themes will ensure the University's web presence is brand-consistent and of high quality, and will create a better, more seamless experience for our users. The templates and themes faciliate quick, off-the-shelf implementation with pre-designed options, and also allow a high degree of customization and flexibility for more specialized web site projects.

UA Web Templates

UA-branded web templates based on the design and functionality of the UA Home Page are available for use by any official unit of The University of Alabama. The templates are built on a custom responsive framework based on Bootstrap, and offer many pre-built design and layout options to aid in web development. The framework also ensures maximum flexibility and customization options, and includes all the tools you'll need to build a robust UA website of any size and scope.

UA WordPress Theme

The UA WordPress Theme extends the functionality of the UA Web Templates to a content management system platform, ideal for large-scale websites with frequent content updates by non-technical content providers. The WordPress Theme is based on the same framework as and the UA Web Templates, but offers prebuilt plug-and-play pages and formats for WordPress, and allow customization of the site's specifics within the admin panel of WordPress. If you have questions about WordPress hosting, please contact the IT Service Desk at

Development Resources

Many colleges, divisions and departments on campus have the support of full-time or part-time web developers, designers or content specialists to build and manage their website. You are encouraged to seek out available in-house resources for assistance with web needs in order to ensure the best possible flow of information. If your area does not have support for web needs, or if you need specific support with utilizing the UA Web Templates or WordPress Themes, please contact the Department of Web Communications.

Web Hosting

For divisional, college, and departmental web sites, web hosting services are available through the Office of Information Technology. For more information, please contact the IT Service Desk.

UA faculty and graduate students are eligible for a website provided by the Office of Multimedia Services. Refer to the website for more information on requesting a site.

Virtual Addresses

Departments and organizations may request the creation of a virtual host for official UA web sites in the format "", subject to meeting certain conditions. For more information on how to request a virtual host for your official UA web site, please visit Virtual Hosts at The University of Alabama.

Get Your Site Listed

Request that your site be added to UA's A-Z Site Index by submitting your information here.

Back to top

This section is intended to serve as a practical guide for designing web sites in accordance with the UA Web Policy and institutional best practices.

UA Identification

Visitors to Official University Web Sites must be able to determine at all times that they are visiting a portion of the UA site. Clear identification of The University of Alabama should be included on all top-level pages of official UA websites.

The University nameplate or wordmark is the preferred means of identification. These items are available for download from the UA Web Images page.

School Colors

Designers are encouraged to employ prominent use of the school colors on their Web pages.

  • UA crimson is Web color #990000.
  • UA "warm gray" is Web color #eeeeee or #cccccc.

Links to UA Home Page

Visitors to Official University Web Sites must be afforded the convenience of being a click away from accessing the UA home page ( A clearly labeled link to the UA home page should be included on each page of all official UA sites.

Contact Information

Visitors to Official University Web Sites must be able to contact the page maintainer and receive a response within a reasonable period of time. A contact e-mail address, link to contact form, or name/phone number should be included on each Web page. The footer, near the bottom of a web site, is a common place for this information to reside.


UA web content should be presented using editorial standards appropriate for an institute of higher learning. While the level of formality may vary depending on the focus and audience of your site, proper spelling, punctuation, and style, make our sites more credible and more meaningful to our users. Refer to the UA Editorial Style Guide for further assistance.

When writing for the web, text should be kept as short as possible without sacrificing meaning or clarity. Also, keep in mind that most readers scan pages rather than reading each word from top to bottom. For more information on writing fo the web, please refer to Writing for the Web by Jakob Nielsen.


Visitors expect and deserve valid, up-to-date information on our Web pages. A site with fresh and timely information encourages return visits and increases the overall effectiveness of the Web site.

Please account for site maintenance in the early phases of your website design or redesign and allocate resources accordingly. At the very least, a site should not contain outdated, inaccurate information. Ideally, the site will evolve over time according to the needs of your unit and the needs of your website's visitors.

Required Disclaimers for UA Web Sites

All official UA web sites must clearly link to the official UA disclaimer at

Back to top

The University of Alabama encourages individuals with disabilities to participate in our many programs and activities, and is committed to ensuring that our facilities and the information, services, courses and technology we provide are inclusive and accessible in accordance with applicable law. Consistent with this commitment, the University has launched an accessibility initiative to provide our technology users, including those with disabilities, a functional and accessible technology experience with our Web presence and our instructional and emerging technologies.

To further this initiative, the UA administration and UA Web professionals are making progress to meet World Wide Web Consortium’s Web Content Accessibility Guidelines, or WCAG 2.0 AA, over the next four years. To begin this process, UA will audit existing Web materials to help Web teams determine appropriate timelines and resources needed to reach WCAG 2.0 AA. For more information, please refer to

Web Accessibility

Web content is fundamentally different from print and other traditional media formats due to the variation in how users might access web information. Here is a partial list of variables that come into play:

  • Different devices
  • Different operating systems
  • Different browsers, including non-visual screen reading software
  • Different monitor resolutions
  • Differences in user-defined settings and preferences within any of the above

Given these conditions, the goal of the web designer is to make content accessible to as many people as possible, regardless of device, settings, etc.

Accessibility/Usability Tips

  • Produce well-organized content and a logical navigation structure.
  • Produce clean, well-structured HTML. Don't rely solely on code produced by a WYSIWYG editor.
  • Validate your HTML — check your code with a validator such as the World Wide Web Consortium's HTML Validation Service. Validated code generally requires little modification for accessibility.
  • Validate for accessibility — check your code with a tool such as the WAVE Accessibility Validator
  • Use a well-organized, validated template as the foundation for your entire site. Designers are encouraged to use the UA Web Templates.
  • Test your pages in different ways — at different screen resolutions, on different browsers, at different window sizes, and on various browser accessibility settings.

Specific recommendations supported by the World Wide Web Consortium's Web Accessibility Initiative include:

  • Provide text equivalents for all non-text elements. Using "alt" text for all graphics and image map hotspots, and "longdesc" for longer descriptions, is probably the single most important (and easy) accessibility measure.
  • Use clear, consistent navigation and links. Use descriptive text for hyperlinks as opposed to "click here" or similar.
  • Use a consistent page structure, using cascading style sheets (CSS) for layout and style where possible. However, ensure that pages are legible with CSS disabled.
  • Not all users can distinguish between colors, so don't use color to convey exclusive meaning. For example, avoid designing a form where "required fields are indicated by red type," and avoid presenting non-underlined links, identifiable by color only, within a body of text.
  • Avoid causing the screen to flicker. Avoid moving, blinking, and scrolling text.

Text or Graphics?

Designers are encouraged to favor text over graphics in applications where graphics afford no real benefit to the user for the following reasons:

  • Faster page loads.
  • Better performance with search engines.
  • Accessible to a greater number of users.
  • Allows users to customize colors and size for better readability.
  • Lower server disk space requirements.
  • Users can cut and paste.
  • Easier to edit and maintain.

When you do use images, remember to present a meaningful alt attribute for each image.

Text, Links, and Colors

Designers are encouraged to maximize the constrast between text and background on pages to promote readability, particularly for low vision users.

Do not underline words that are not hyperlinks, as they are often mistaken for links. Use bold or italics to draw attention to key words or phrases.

Back to top

The following resources can help you learn more about building and managing websites more effectively.