Web Standards

The public web at UVU is a centralized system guided by standards and procedures to maintain our brand, our image, and our content at the highest standards. The standards and suggestions on this page can help guide the development of your site.

UVU strives to promote web best practices and provide a consistent, intuitive, responsive, and accessible web presence. In order to facilitate these efforts, the following standards have been determined. All UVU websites should meet these standards and may be subject to review.

These standards were adopted by SWAT on November 28, 2018. SWAT reviewed in spring 2023.

Page headers

  • Image sliders may be used on pages, but should not be in page headers.
  • Video background page headers should only be used on college- or school-level sites and should be implemented by Digital Experiences & Accessible Technology; video background page headers should only use videos that have been approved by Studios & Broadcast Services; video background page headers are meant for decoration only and should not include audio or text.
  • Parallax scrolling effect should only be used on page headers, and preferably should only be used once per site.

Department headers and footers

  • The only content permitted in the department title area is the title of the department, in text. No images are allowed in the department title area of the page.

Department navigation

  • Up to eight items are allowed in department navigation, as long as those items do not wrap/disappear at tablet width.
  • Department navigation must include at least one item.
  • The navigation for academic departments must include the following four navigation items (and related content) in this particular order as the first navigation items listed:

    1. About Us
      1. Statistics (provided by Institutional Research)
    2. Degrees and Programs
      1. Program Learning Outcomes
    3. Advising
    4. Faculty & Staff
  • The navigation for Academic Colleges and Schools must include the following four navigation items:
    The first two items should appear as the first and second items on the navigation. The last two items may appear anywhere within the navigation.
    *"Make a Gift" is optional; If a school does decide to have a '"Make a Gift" link, it must be tightly coordinated with the Development Office. 

    1. About Us
      1. Statistics
    2. Departments
    3. Advising
    4. Make a Gift*

Tables

  • Pages shouldn't be designed using tables. Tables are not meant to align different pieces of content in a site. Tables don't allow for sites to adapt properly for mobile devices, and, if used improperly, are not accessibility friendly.
  • Tables may be used to display tabular data in rows and columns.

Images

  • Copyrighted images should not be used, unless it is with permission of the copyright holder.
  • Images should be appropriately sized for use on the web.
  • Stock images may be used if the department has purchased them, though photos provided through University Marketing are preferred.
  • Images should not be used as a replacement for in-page text, and text on images should be limited. Text on images must be represented elsewhere on the page, or as an alt tag.

Documents

  • Because PDFs can be large files, and may take a long time and a lot of bandwidth to download, they should be used judiciously. PDFs should only be used when they are the best format for the content, and not as a replacement for content that could be reasonably displayed on a web page.
  • Any documents (PDF, Word doc, Excel spreadsheet, etc.) being used on a site should be appropriately structured, tagged, and accessible.

Logos, sponsors, branding

Forms

  • Standard web forms should not collect protected information such as birthdays or social security numbers.

Displaying content

  • Modals (lightboxes) should not be used for content that scrolls. Modals are primarily intended for use with photos and videos.
  • iframes may be used where an alternate option is not available, however, all iframes should include a descriptive title attribute.

Links

  • When contextually appropriate, links that point to documents (PDF, Word, Excel, PowerPoint, etc.) should include the appropriate icon.
  • Links that point outside of the current site should open in a new tab or window.
  • When contextually appropriate, links that point outside the current site should use an icon to indicate that the link is external.

Supplementary code

  • While JavaScript, jQuery, and other languages are supported on uvu.edu, it is important to informDigital Experiences & Accessible Technology of your intent to use them on your department site. Notifying WMS is important because there may already be a solution or tool to accomplish your goal; additionally, the code you plan to implement may result in conflicts with existing code, present security concerns, or cause problems with accessibility. Be sure to contact Digital Experiences & Accessible Technology before implementing any code beyond standard HTML and CSS to make sure supplementary code is approved.

Adaptability and mobile friendliness

  • Mobile friendliness (i.e., making content easily available to mobile devices) should be kept in mind while building sites. On mobile devices, all site content should be visible and/or accessible and should function properly. Sites may be subject to review for mobile friendliness and adaptability.
  • Take mobile visitors into consideration as you organize and build the content on your site. Important information should be near the top of your pages, and pages should be easy for mobile visitors to "digest."
  • Page load time should be taken into consideration, as not all visitors have the bandwidth on mobile devices to download a large amount of images, documents, etc.

Accessibility

UVU strives to ensure compliance with AA standards according to WCAG 2.1, as recommended by W3C. In order to facilitate these efforts, the following standards have been determined. All UVU websites should strive to meet these standards and may be subject to review.

General

  • All pages must have descriptive/information page title. Page titles are edited in the page properties.
  • Heading tags, list tags, emphasis tags, etc., should be used appropriately. Heading tags should be used only to identify headings and sub-headings, and should be used in the correct order (for example, do not use H3 without previously using  H2 to label a parent section).
  • The page must be readable and functional when the text size is doubled. This can be checked by using your browser's zoom functionality.
  • HTML/XHTML code must be valid and used properly.

Links

  • Links and buttons should have meaningful names that tell users where the link leads.
  • Where possible, use specific language in links. For example, "View upcoming UVUSA events" instead of "View events."
  • Avoid generic "click here" or "learn more" link text.
  • Don't use plain URLs for link names.

Images

  • Background images must be decorative (should not convey information or include text).
  • On-page images must have alt attributes, which are descriptive. Learn how to add alt tags to images.
  • Images can be used to supplement text, but not in place of text. Any words or information on the image must be represented as text on the page as well.

Videos

  • Embedded videos (including those embedded from YouTube, Vimeo, etc.), iframes, and other embedded content must include descriptive title attribute.
  • All videos must be captioned (use Kaltura if needed).
  • Video without audio tracks must include a text description via “long description” attribute.
  • When a video file with audio includes information that is not related via audio (such as background information), an audio description must be provided.

Audio

  • Audio files must include link to TXT or HTML with transcript.

Color

Navigating Pages

  • Instructions should not rely on size, shape, or visual location (e.g., “click square icon” or “instructions are in right hand column”).
  • Instructions should not rely on sound (e.g., “a beeping sound indicates that you may continue").
  • Instructions should not rely on color (e.g., “click the blue icon").
  • All elements on a page must be in correct tab order; navigation order and content tabbing must be logical. This can be tested by using the "tab" key on your keyboard to ensure that the page is traversed in a logical, expected order.
  • Interactive elements are intuitive or have clear instructions or labels or examples.
  • Elements that have the same functionality across multiple pages are consistently identified.
  • All content on the page must be able to function via keyboard alone, including snippets, iframes, etc. No keyboard traps (i.e., visitors should not get stuck in one spot while using keyboard to navigate). This can be tested by using the "tab" key on your keyboard to ensure that you are able to access all of the page's content.

Lists

  • Ordered (numbered) and unordered lists should be used appropriately and match what users see.

Tables

  • Tables must only be used for tabular data, and must include table heading tags
  • Tables must have descriptive table caption tags

Guidelines for Public Web Content

1. Consider the audience

The public website should primarily serve prospective students, parents,employees,alumni, and the broader community. Content intended specifically for employees, current students, or internal committees should be housed on secure internal platforms rather than publicly accessible web pages. 

2. Do not post internal or sensitive materials

The following types of Confidential or Internal information should never appear on publicly accessible pages:  

  • Budget, financial, or competitive information and related planning documents 
  • Internal strategy or decision-making materials  
  • Confidential data, such as: 
  • Student records, advising notes, or non-directory student information  
  • Private employee or personnel information  
  • Financial, legal, procurement, or contract documents  
  • Internal data, including:  
  • Strategic planning documents 
  • Enrollment or outreach lists 
  • Internal reports, dashboards, or draft materials  
  • myData Hub hosts internal data, for further approvals contact Laura Busby of Business Intelligence and Research Services (BIRS).  
  • Operational and governance materials, such as internal procedures, committee materials, or working documents. 
  • Vendor contracts, research data, or reports that are privileged and/or not approved for public release  
  • Information that is defined as "Confidential Information" in UVU Policies 446 and 447 

When in doubt, ask: Is this information intended for broad public access, or only for internal operational or strategic use?

3. Review and store carefully

  • Upload internal or confidential materials only to secure platforms such as the Intranet or SharePoint 
  • Clearly label sensitive documents as “Internal Use Only” or “Confidential.”  
  • When unsure or you need a review, consult Marketing & Communications / Web Strategy before posting 

Aligned with UVU Data Governance Policy  

Guidelines for Public Web Content - FAQ

How do I know if the content should be public or internal?  

If the content supports internal planning, operations, decision-making, or reporting, it should not be posted publicly. If the primary audience is external (prospective students, parents, alumni, community), it may be appropriate. When unsure, default to internal.  

What employee information can be public?  

Approved directory information (names, titles, departments, UVU email addresses per rules of directory system.) is appropriate. Private employee or personnel information (records, evaluations, demographics, salary, performance) should not be posted publicly.  

Can presentations or slide decks be posted?  

Only if they were created and approved for external audiences. Presentations that include budget information, internal strategy, planning, draft data, or committee discussions should remain internal. Assume slide decks are internal by default.  Please consult with the presentation’s presenter or slide deck’s creator before publicly posting content. Follow the share guidelines

What about reports, dashboards, or data?  

Internal reports, dashboards, enrollment or outreach lists, and draft materials should remain internal unless explicitly approved for public release. Data solely created for internal analysis or planning should not be posted publicly—even if anonymized. Data must follow UVU's data publishing standards and be classified as public by the appropriate Business Intelligence and Research Services. 

Can policies or manuals be posted publicly?  

Only materials Web Strategy Groupexplicitly approve for public audiences should be posted on the public website. Official university policies are published on the university’s policy website and should be referenced there when applicable. Internal procedures, operational guidance, and employee-only reference materials should remain internal. Any data or policy changes should go through the Policy Office or Business Intelligence and Research Services. 

Where should internal materials live?  

Internal or sensitive materials should be stored on the Intranet, secure SharePoint sites, or other approved platforms with appropriate access controls. Public web pages should not be used to store internal files.